安卓盒子做网站,深圳网站建设选哪家好,手游传奇开服网站,免费ppt模板下载 知乎文章目录 一、概念二、扩展运算符三、剩余运算符四、总结五、参考资料一、概念 在JS中#xff0c;扩展运算符#xff08;spread#xff09;是三个点 (...) #xff0c;剩余运算符#xff08;rest#xff09;也是三个点 (...) 二、扩展运算符 #xff08;1#xff09;基… 文章目录 一、概念二、扩展运算符三、剩余运算符四、总结五、参考资料一、概念 在JS中扩展运算符spread是三个点 (...) 剩余运算符rest也是三个点 (...) 二、扩展运算符 1基本使用扩展运算符的主要作用是将一个数组转为用逗号分隔的参数序列它好比 rest 的逆运算 //传递数据代替多个字符串的形式
function test(a,b,c){console.log(a); // 1console.log(b); // 2console.log(c); // 3
}var arr [1, 2, 3];
test(...arr);//将一个数组插入到另一个数组中
var arr1 [1,2,3];
var arr2 [...arr1, 4, 5, 6];
console.log(arr2); // [1, 2, 3, 4, 5, 6]//字符串转数组
var str hello;
var arr3 [...str];
console.log(arr3); // [h, e, l, l, o]2扩展运算符…会调用默认的 Iterator 接口。 // 例一
var str hello;
[...str] // [h,e,l,l,o]// 例二
let arr [b, c];
[a, ...arr, d]
// [a, b, c, d]上面代码的扩展运算符内部就调用 Iterator 接口。 实际上这提供了一种简便机制可以将任何部署了 Iterator 接口的数据结构转为数组。也就是说只要某个数据结构部署了 Iterator 接口就可以对它使用扩展运算符将其转为数组。 let arr [...iterable];有关对 Iterator 的介绍请查看这篇文章 ES6中的Iterator遍历器和 for of 循环 3由于扩展运算符可以展开数组所以可以用来替代函数的 apply 方法 // ES5 的写法
function f(x, y, z) {// ...
}
var args [0, 1, 2];
f.apply(null, args);// ES6 的写法
function f(x, y, z) {// ...
}
let args [0, 1, 2];
f(...args);下面是扩展运算符取代 apply 方法的一个实际的例子应用 Math.max 方法简化求出一个数组最大元素的写法。 // ES5 的写法
Math.max.apply(null, [14, 3, 77])// ES6 的写法
Math.max(...[14, 3, 77])// 等同于
Math.max(14, 3, 77);三、剩余运算符 把用逗号隔开的值序列组合成一个数组 //当函数参数个数不确定时用 rest运算符
function f1(...args) {console.log(args); // [1,2,3]
}f1(1,2,3);//当函数参数个数不确定时的第二种情况
function f2(item, ...arr) {console.log(item); // 1console.log(arr); // [2,3]
}
f2(1, 2, 3);//rest运算符配合 解构使用
let [a,...temp][1, 2, 4];
console.log(a); // 1
console.log(temp); // [2,4]四、总结 扩展运算符spread用三个点号表示功能是把数组或类数组对象展开成一系列用逗号隔开的值。 剩余运算符rest也是三个点号不过其功能与扩展运算符恰好相反把逗号隔开的值序列组合成一个数组。 当三个点(…)在等号左边或者放在形参上为 rest 运算符 当三个在等号右边或者放在实参上是 spread运算符 或者说放在被赋值一方是rest 运算符。放在赋值一方式 spread运算符。 五、参考资料 数组的扩展 - ECMAScript 6入门 ES6中扩展运算符(spread)和剩余运算符(rest)详解 - 简书 --------------------- 作者webchang 来源CSDN 原文https://blog.csdn.net/weixin_43974265/article/details/113030814 版权声明本文为作者原创文章转载请附上博文链接 内容解析ByCSDN,CNBLOG博客文章一键转载插件
