ES6擴(kuò)展運算符用法實例分析
本文實例講述了ES6擴(kuò)展運算符用法。分享給大家供大家參考,具體如下:
擴(kuò)展運算符用三個點號表示,功能是把數(shù)組或類數(shù)組對象展開成一系列用逗號隔開的值,擴(kuò)展運算符有以下幾點作用
一、展開數(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ò)展運算符(spread)是三個點(…),將一個數(shù)組||類數(shù)組||字符串轉(zhuǎn)為用逗號分隔的序列。這家伙是用來對數(shù)組進(jìn)行操作的,把數(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)文章
HTML+CSS+JavaScript實現(xiàn)簡單日歷效果
這篇文章主要為大家詳細(xì)介紹了HTML+CSS+JavaScript實現(xiàn)簡單日歷效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-07-07微信小程序?qū)崿F(xiàn)長按 識別圖片二維碼(兩種方案)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)長按 識別圖片二維碼(兩種方案),第一種方案只需要在image里面加一個屬性就可以了,本文結(jié)合實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01js實現(xiàn)prototype擴(kuò)展的方法(字符串,日期,數(shù)組擴(kuò)展)
這篇文章主要介紹了js實現(xiàn)prototype擴(kuò)展的方法,實例分析了JavaScript針對字符串、日期、數(shù)組等的prototype擴(kuò)展相關(guān)技巧,需要的朋友可以參考下2016-01-01