es6 --- 数组的扩展

经常遇到对数组的操作…下面是《ES6标准入门》(第3版)中对数组扩展的(部分)描述:
扩展运算符(…):

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

扩展运算符代替数组的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);// 可见,调用更清晰

Math.max

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

合并数组:

// 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);

与解构赋值结合使用:

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

将字符串转换成真正的数组:

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"]

es6 --- 数组的扩展相关推荐

【JavaScript】ES6 数组的扩展
ES5 数组基础 ES5 数组常用方法 ES5 数组方法 arr.forEach() arr.forEach(callback[, thisObj]) 简单地遍历数组 callback:回调函数,没有 ...
ES6数组的扩展~超详细、超好理解哦
在ES5中,数组主要分为两大类:索引数组和关联数组(和对象很像). 在ES6中,对数组进行了一些扩展,跟小编一起来看看吧! 希望这篇博客可以帮助到有需要的小伙伴文章目录扩展运算符替代appl ...
ES6 数组的扩展：扩展运算符
文章目录扩展运算符应用扩展运算符扩展运算符(-)作用是将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]); // 1 2 3console.log(1, ...
【笔记】ES6 数组的扩展
ES6对数组也进行了一些扩展,不过很多东西我觉得平时不太常用,就粗略的了解一下. 扩展运算符... // 简单示例 console.log(...[1, 2, 3]) // 1 2 3 functio ...
ES6 -数组的扩展
1.Array.from 把类数组(获取一组元素.arguments)对象转成数组只要具备length,大多都可以转化 //3种方法转成数组 let ali=document.querySelec ...
ES6查漏补缺【数组的扩展】
我的ES6 数组的扩展 1.先简单复习一下ES5中的数组方法 2.静态方法 ES5:Array.isArray() ES6:array.from() ES6:array.of() 3.数组实例方法 i ...
ES6标准学习： 4、数组的扩展
数组的扩展一.类数组对象与可遍历对象转换为数组 Array.from()方法用于将类数组对象.可遍历对象转换为数组,其中可遍历对象包括es6新增的set和map结构所谓的类数组对象,本质特征是必须 ...
ES6的新特性（8）——数组的扩展
数组的扩展扩展运算符含义扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) / ...
Es6学习笔记(7)----数组的扩展
参考书<ECMAScript 6入门> http://es6.ruanyifeng.com/ 数组的扩展 1.扩展运算符:可以将数组转化成逗号隔离的单个参数 ...[1,2,3] //控制 ...

es6 --- 数组的扩展

es6 --- 数组的扩展相关推荐

最新文章

热门文章