經(jīng)常遇到對(duì)數(shù)組的操作…下面是《ES6標(biāo)準(zhǔn)入門》(第3版)中對(duì)數(shù)組擴(kuò)展的(部分)描述:
擴(kuò)展運(yùn)算符(…):

console.log(...[1,2,3]) // 1 2 3console.log(1, ... [2,3,4], 5) // 1 2 3 4 5

擴(kuò)展運(yùn)算符代替數(shù)組的apply方法

// ES5 function f(x,y,z) {// ... } var args = [1,2,3]; f.apply(null, args);// ES6 function f(x,y,z) {// ... } var args = [0,1,2] f(...args);// 可見,調(diào)用更清晰

Math.max

// ES5 Math.max.apply(null, [14, 3, 77])// ES6 Math.max(...[14, 3, 77])// 等同于 Math.max(14, 3, 77)

合并數(shù)組:

// ES5 var arr1 = [0,1,2]; var arr2 = [3,4,5]; Array.prototype.push.apply(arr1, arr2);// ES6 const arr1 = [0,1,2]; const arr2 = [3,4,5]; arr1.push(...arr2);

與解構(gòu)賦值結(jié)合使用:

// ES5 a = list[0], rest = list.slice(1)// ES6 [a, ...rest] = list

將字符串轉(zhuǎn)換成真正的數(shù)組:

const str = 'hello'; const arr = [...str];

Map

const map = new Map([[1, 'one'],[2, 'two'],[3, 'three'] ]) const keys = [...map.keys()]; // [1, 2, 3] const values = [...map.values()]; // ["one", "two", "three"]

總結(jié)

以上是生活随笔為你收集整理的es6 --- 数组的扩展的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。