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

相关文章
|
7月前
|
JavaScript
js开发:请解释什么是ES6的扩展运算符(spread operator),并给出一个示例。
ES6的扩展运算符(...)用于可迭代对象展开,如数组和对象。在数组中,它能将一个数组的元素合并到另一个数组。例如:`[1, 2, 3, 4, 5]`。在对象中,它用于复制并合并属性,如`{a: 1, b: 2, c: 3}`。
48 3
|
网络架构
es6扩展运算符的学习使用
es6扩展运算符的学习使用
51 0
|
前端开发
前端学习笔记202306学习笔记第三十八天-Es6-展开运算符1
前端学习笔记202306学习笔记第三十八天-Es6-展开运算符1
52 0
|
前端开发
前端学习笔记202306学习笔记第三十八天-Es6-展开运算符2
前端学习笔记202306学习笔记第三十八天-Es6-展开运算符2
48 0
|
JavaScript 前端开发 网络架构
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
84 0
|
存储 编译器 C语言
初阶C语言 第四章-------《操作符》 (逻辑操作符,算术操作符,逗号表达式,三目操作符)知识点+基本练习题+深入细节+通俗易懂+完整思维导图+建议收藏
初阶C语言 第四章-------《操作符》 (逻辑操作符,算术操作符,逗号表达式,三目操作符)知识点+基本练习题+深入细节+通俗易懂+完整思维导图+建议收藏
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
62 0
ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数
|
JavaScript 前端开发 开发者
🍉ES6基础-改进的数组功能
🍉ES6基础-改进的数组功能
85 1
|
存储 人工智能 C语言
C语言第二章 数据类型,运算符和表达式总结【完美补充文字版】(超级详细)
C语言第二章 数据类型,运算符和表达式总结【完美补充文字版】(超级详细)
542 0
C语言第二章 数据类型,运算符和表达式总结【完美补充文字版】(超级详细)
|
前端开发 开发者 微服务
前端技术-es6 语法-对象拓展运算符 | 学习笔记
简介:快速学习前端技术-es6 语法-对象拓展运算符