展开语法

SunACong

已于 2022-08-02 17:12:42 修改

阅读量112

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 es6

于 2022-06-06 16:21:43 首次发布

本文链接：https://blog.csdn.net/qq_44808710/article/details/125148183

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文探讨了JavaScript中的数组和对象浅拷贝的使用，包括展开语法在数组和对象中的应用。通过示例展示了如何使用扩展运算符进行浅拷贝，并解释了为何拷贝后的数组和原数组不相等。同时，文章还提到了对象浅拷贝的实现，以及在构造新对象时的应用。

摘要由CSDN通过智能技术生成

数组

将数组作为函数参数传入时可以使用
数组浅拷贝拷贝后的数组和之前的数组不相等
数组合并的时候可以使用
作为剩余参数，注意剩余参数后=后面不允许再添加其他参数

对象

浅拷贝对象
常常用在构造新的对象时使用

let name = 'kun' 
console.log('name:',...name);

let arr = [1,2,3,5,6,3] 
console.log('arr:',...arr);

let arr1 = ['haha',...arr] 
console.log('arr1:',arr1);

// 数组浅拷贝
let arr2 = [...arr]
console.log("arr2: ",arr2);
// 不相等 先当与是将arr里面的元素拿出来 放在arr2[]里面实例化了
console.log("arr2是否和arr相等", arr == arr2);


// 对象浅拷贝
let person1 = {
	name:'孙少聪',
	age: '18',
	sex: '男'
}
let person2 = {
	name:'张高义',
	age: '19',
	sex: '男'
}
let person3 = {
	name:'朱家华',
	age: '19',
	sex: '男',
	...person1,
	...person2
}
// 报错
// console.log("person: ",...person);
console.log("person3: ",person3); // person3:  { name: '张高义', age: '19', sex: '男' }

let person4 = {
	name:'孙少聪'
}
let person5 = {
	age: '19'
}
let person6 = {
	sex: '男',
	...person4,
	...person5
}
console.log("person6: ",person6); // person6:  { sex: '男', name: '孙少聪', age: '19' }