es6展开运算符

2024-08-25 00:01:00

数组的展开合并

现在有两个数组[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 ]

对象的展开合并

现在有两个对象，一个是{name:'sam'}一个是{age:8} 想要将两个对象合并。

//es5 中的合并

let  obj1  = { name:  '张三' }

let  obj2  = { age:  9 };

let  obj  = {}

Object.assign(obj, obj1, obj2)

console.log(obj)//{ name: '张三', age: 9 }

//es6 中的合并

let  obj1  = { name:  '张三' }

let  obj2  = { age:  9 };

let obj = { ...obj1, ...obj2 }

console.log(obj)//{ name: '张三', age: 9 }

展开运算符是浅拷贝

浅拷贝的值在改变原来对象内容的时候也会影响新的对象值的变化。

let  obj1  = { name:  {name:'张三'} }

let  obj2  = { age:  9 };

let obj = { ...obj1, ...obj2 }

obj1.name.name='李硕';

console.log(obj)//{ name: { name: '李硕' }, age: 9 }

如果要想查看实现深拷贝的方法，请移步我的另一篇随笔：https://www.cnblogs.com/hanqingtao/p/9915886.html

最新文章

热门文章