我是靠谱客的博主 狂野星星,这篇文章主要介绍ES6展开运算符(...),现在分享给大家,希望可以做个参考。

看到一道面试题里面,有 const newBooks = [...this.state.books] 用了展开运算符,顺便来记录一下

展开运算符,将一个数组转为用逗号分隔的参数序列

现在有两个数组[1, 2, 3, 4]和[5, 6, 7],想要将两个函数拼接成一个新的函数。

//es5的写法
let  arr1  = [1, 2, 3, 4];
let  arr2  = [5, 6, 7];
let  arr  =  arr1.concat(arr2);
console.log(arr)//[ 1, 2, 3, 4, 5, 6, 7 ]
//es6的写法
let  arr  = [...arr1, ...arr2];
console.log(arr)//[ 1, 2, 3, 4, 5, 6, 7 ]

注:展开运算符是浅拷贝
浅拷贝的值在改变原来对象内容的时候也会影响新的对象值的变化。
常考题目哦
如果要在JavaScript里面实现一个数组的深拷贝,最简单的方法就是

const arr = JSON.parse(JSON.stringify(arr)))

最后

以上就是狂野星星最近收集整理的关于ES6展开运算符(...)的全部内容,更多相关ES6展开运算符(内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(157)

评论列表共有 0 条评论

立即
投稿
返回
顶部