ES6使用展开运算符(spread operator)向JavaScript的数组头部添加元素

ES6之前,如果我们想向一个JavaScript的数组的头部添加元素,可以按以下方法:

unshift

var a = [123, 35, 12, 67];
a.unshift(10);
console.log(a); // [10, 123, 35, 12, 67]

concat

var arr = [1, 2, 3, 4, 5, 6, 7];
console.log([0].concat(arr));

ES6

而对于ES6,使用展开运算符(spread operator)就可以很简单就实现:

var arr = [2, 3, 4, 5];
arr = [1, ...arr]; // RESULT : [1, 2, 3, 4,5]
console.log(arr)


版权声明:著作权归作者所有。

相关推荐

ES6 函数使用解构赋值(Destructuring )的几点好处

解构赋值(Destructuring )是ES6新增的特性。使用解构赋值有以下几点好处:命名参数设置默认参数多个返回值命名参数在传统的函数定义如下:function findUsersByRole (   role,    withContactInfo,    includeInactive )&

JavaScript ES6扩展运算符(...)用例

ES6新增了扩展运算符,它的语法很简单,使用三个点号表示“...”。它的作用是把数组展开为类似用逗号隔开的参数列表。这里介绍几种用例来理解扩展运算符的使用。用例1:插入数组如果我们要在一个数组插入另外一个数组的元素,可以结合splice和apply使用,如:a1 = [1,2,5,6,7]; a2 = [3,4]; a1.splice.apply(a1,&n

JavaScript(ES6)判断字符串是否包含子字符串的方法

ES6 includesES6的字符串新增了includes方法,我们可以用它来判断是否包含子字符串。str.includes(searchString[, position]) searchString:查询的子字符串position:可选,开始搜索的位置,默认为0'Blue Whale'.includes('Blue'); // returns