ES6展开运算符—— 通俗易懂

简介: ES6展开运算符—— 通俗易懂

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


现在有两个数组[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 str = JSON.parse(JSON.stringify(str)))

相关文章
|
6月前
|
JavaScript
js开发:请解释什么是ES6的扩展运算符(spread operator),并给出一个示例。
ES6的扩展运算符(...)用于可迭代对象展开,如数组和对象。在数组中,它能将一个数组的元素合并到另一个数组。例如:`[1, 2, 3, 4, 5]`。在对象中,它用于复制并合并属性,如`{a: 1, b: 2, c: 3}`。
41 3
|
前端开发
前端学习笔记202306学习笔记第三十八天-Es6-展开运算符2
前端学习笔记202306学习笔记第三十八天-Es6-展开运算符2
45 0
|
前端开发
前端学习笔记202306学习笔记第三十八天-Es6-展开运算符1
前端学习笔记202306学习笔记第三十八天-Es6-展开运算符1
49 0
【C】操作符——知识点大全(简洁,全面)(一)
【C】操作符——知识点大全(简洁,全面)
|
JavaScript 前端开发 网络架构
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
81 0
|
编译器 C语言
《C和指针》读书笔记(第五章 操作符和表达式)
《C和指针》读书笔记(第五章 操作符和表达式)
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
59 0
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
|
存储 人工智能 C语言
C语言第二章 数据类型,运算符和表达式总结【完美补充文字版】(超级详细)
C语言第二章 数据类型,运算符和表达式总结【完美补充文字版】(超级详细)
521 0
C语言第二章 数据类型,运算符和表达式总结【完美补充文字版】(超级详细)
|
人工智能 Java Go
算数运算符细节讨论|学习笔记
本节课来看算术运算符的细节。