0%

ES6中展开运算符的基本使用

ES6中展开运算符的基本使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script type="text/javascript">
let arr1 = [1, 3, 5, 7, 9]
let arr2 = [2, 4, 6, 8, 10]
// console.log(...arr1); //展开一个数组
let arr3 = [...arr1, ...arr2]//连接数组

//在函数中使用
function sum(...numbers) {
return numbers.reduce((preValue, currentValue) => {
return preValue + currentValue
})
}
// console.log(sum(1, 2, 3, 4));

//构造字面量对象时使用展开语法
var person = { name: 'tom', age: 18, add: { city: 'beijing', price: { num: 123 } } }
let person2 = { ...person }
//console.log(...person); //报错,展开运算符不能展开对象
person.name = 'jerry'
person.add.city = 'shanghai'
person.add.price.num = 456
console.log(person);
console.log(person2);
//第一层为深拷贝,第二层为浅拷贝
//合并
let person3 = { ...person, name: 'jack', address: "地球" }
// console.log(person3);

</script>
-------------本文结束感谢您的阅读-------------
技术原创:姚渐新,您的支持将鼓励我继续创作