快捷導(dǎo)航

ES6擴(kuò)展運(yùn)算符用法實(shí)例分析

更新時(shí)間：2017年10月31日 08:59:09 作者：juzipchy

這篇文章主要介紹了ES6擴(kuò)展運(yùn)算符用法,結(jié)合實(shí)例形式分析了ES6擴(kuò)展運(yùn)算符的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了ES6擴(kuò)展運(yùn)算符用法。分享給大家供大家參考，具體如下：

擴(kuò)展運(yùn)算符用三個(gè)點(diǎn)號表示，功能是把數(shù)組或類數(shù)組對象展開成一系列用逗號隔開的值，擴(kuò)展運(yùn)算符有以下幾點(diǎn)作用

一、展開數(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

擴(kuò)展運(yùn)算符（spread）是三個(gè)點(diǎn)（…），將一個(gè)數(shù)組||類數(shù)組||字符串轉(zhuǎn)為用逗號分隔的序列。這家伙是用來對數(shù)組進(jìn)行操作的，把數(shù)組里面的東西統(tǒng)統(tǒng)拿出來

希望本文所述對大家基于ECMAScript的程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

微信小程序開發(fā)之組件設(shè)計(jì)規(guī)范
這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)之組件設(shè)計(jì)規(guī)范的相關(guān)資料，對剛?cè)腴T學(xué)習(xí)微信小程序的同學(xué)們還是挺有幫助的，需要的朋友可以參考下
2021-05-05
JavaScript實(shí)現(xiàn)省市區(qū)三級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)省市區(qū)三級聯(lián)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-02-02
Javascript 多物體運(yùn)動的實(shí)現(xiàn)
這篇文章主要介紹了Javascript 多物體運(yùn)動的實(shí)現(xiàn),需要的朋友可以參考下
2014-12-12
ejs v9 javascript模板系統(tǒng)
我的模板系統(tǒng)升一下級, 繼續(xù)在新公司里面用。現(xiàn)在幾在互聯(lián)網(wǎng)公司沒有不用javascript模板了，什么TX，百度，新浪， 360什么的，最后瀑布流的流行，里面又有許多用到模板
2012-03-03
TypeScript與JavaScript項(xiàng)目里引入MD5校驗(yàn)和
這篇文章主要介紹了TypeScript與JavaScript項(xiàng)目里引入MD5校驗(yàn)和，MD5校驗(yàn)和可以用于驗(yàn)證網(wǎng)絡(luò)文件傳輸?shù)耐暾砸约胺乐刮募蝗舜鄹摹Ｏ挛奈覀兙鸵黄饋韺W(xué)習(xí)TypeScript與JavaScript項(xiàng)目里引入MD5校驗(yàn)和_MD5校驗(yàn),需要的朋友可以參考一下
2022-02-02
uniapp 如何設(shè)置 tabbar 的 midButton 按鈕
在UniApp開發(fā)中,設(shè)置TabBar的midButton按鈕可以增加用戶交互的便利性,本文介紹了在App.vue中監(jiān)聽事件的方法,并提供了官方文檔鏈接作為參考,通過這種方式可以實(shí)現(xiàn)TabBar中的特殊按鈕功能,提升應(yīng)用的用戶體驗(yàn)
2024-10-10
JavaScript Window.open彈窗使用詳解
這篇文章主要為大家介紹了JavaScript Window.open 彈窗使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-11-11
深入理解JS中Number()，parseInt()，parseFloat()三者比較
這篇文章主要介紹了JS中Number()，parseInt()，parseFloat()三者比較,需要的朋友可以參考下
2018-08-08
擴(kuò)展Bootstrap Tooltip插件使其可交互的方法
這篇文章主要介紹了擴(kuò)展Bootstrap Tooltip插件使其可交互的方法,結(jié)合實(shí)例形式分析了bootstrap擴(kuò)展tooltip插件的原理與具體操作技巧,需要的朋友可以參考下
2016-11-11
layui實(shí)現(xiàn)登陸界面驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)登陸界面驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11