ES6擴展運算符用法實例分析
更新時間：2017年10月31日 08:59:09 作者：juzipchy
這篇文章主要介紹了ES6擴展運算符用法,結(jié)合實例形式分析了ES6擴展運算符的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下
本文實例講述了ES6擴展運算符用法。分享給大家供大家參考，具體如下：
擴展運算符用三個點號表示，功能是把數(shù)組或類數(shù)組對象展開成一系列用逗號隔開的值，擴展運算符有以下幾點作用
一、展開數(shù)組
//展開數(shù)組 let a = [1,2,3,4,5], b = [...a,6,7]; console.log(b); //打印出來的值[1, 2, 3, 4, 5, 6, 7]
二、數(shù)組的拷貝
//數(shù)組的拷貝 var c = [1, 2, 3]; var d = [...c]; d.push(4); console.log(d); //打印出來的值[1, 2, 3, 4]
三、數(shù)組的合并
//數(shù)組的合并 var j = [7, 1, 2]; var k = [5, 0, 8]; j = [...k, ...j]; console.log(j) //打印出來的值[5, 0, 8, 7, 1, 2]
四、展開函數(shù)的調(diào)用
//展開函數(shù)調(diào)用
function fn(a,b,c,d){
console.log(a+b+c+d);
}
var p=[1,9,3,,6];
let result=fn(5,...p);開函數(shù)的調(diào)用
//打印出來的值18
擴展運算符（spread）是三個點（…），將一個數(shù)組||類數(shù)組||字符串轉(zhuǎn)為用逗號分隔的序列。這家伙是用來對數(shù)組進行操作的，把數(shù)組里面的東西統(tǒng)統(tǒng)拿出來
更多相關(guān)內(nèi)容可查看本站專題：《ECMAScript6(ES6)入門教程》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《javascript面向?qū)ο笕腴T教程》
希望本文所述對大家基于ECMAScript的程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)之組件設(shè)計規(guī)范的相關(guān)資料，對剛?cè)腴T學(xué)習(xí)微信小程序的同學(xué)們還是挺有幫助的，需要的朋友可以參考下2021-05-05
JavaScript實現(xiàn)省市區(qū)三級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)省市區(qū)三級聯(lián)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了Javascript 多物體運動的實現(xiàn),需要的朋友可以參考下2014-12-12
我的模板系統(tǒng)升一下級, 繼續(xù)在新公司里面用。 現(xiàn)在幾在互聯(lián)網(wǎng)公司沒有不用javascript模板了， 什么TX， 百度， 新浪， 360什么的， 最后瀑布流的流行， 里面又有許多用到模板2012-03-03
TypeScript與JavaScript項目里引入MD5校驗和
這篇文章主要介紹了TypeScript與JavaScript項目里引入MD5校驗和，MD5校驗和可以用于驗證網(wǎng)絡(luò)文件傳輸?shù)耐暾砸约胺乐刮募蝗舜鄹?。下文我們就一起來學(xué)習(xí)TypeScript與JavaScript項目里引入MD5校驗和_MD5校驗,需要的朋友可以參考一下2022-02-02
uniapp 如何設(shè)置 tabbar 的 midButton 按鈕
在UniApp開發(fā)中,設(shè)置TabBar的midButton按鈕可以增加用戶交互的便利性,本文介紹了在App.vue中監(jiān)聽事件的方法,并提供了官方文檔鏈接作為參考,通過這種方式可以實現(xiàn)TabBar中的特殊按鈕功能,提升應(yīng)用的用戶體驗2024-10-10
這篇文章主要為大家介紹了JavaScript Window.open 彈窗使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
深入理解JS中Number()，parseInt()，parseFloat()三者比較
這篇文章主要介紹了JS中Number()，parseInt()，parseFloat()三者比較,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了擴展Bootstrap Tooltip插件使其可交互的方法,結(jié)合實例形式分析了bootstrap擴展tooltip插件的原理與具體操作技巧,需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細(xì)介紹了layui實現(xiàn)登陸界面驗證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11