本文介绍: （4）对象的解构赋值：从一个对象取值，并将目标对象自身的所有可遍历但尚未被读取的属性分配到指定的对象上。（3）复制对象：取出参数对象中的所有可遍历属性，拷贝到当前对象之中。（1）展开数组：将一个数组展开为多个独立的元素。（1）传递函数的参数，将数组展开为多个参数。（1）展开对象：展开对象的属性。（2）合并数组：合并多个数组。
概念：用‘…’，三个点表示，将迭代对象展开到其单独的元素中，简化代码。用于展开数组、对象或者函数参数。
1.数组：
（1）展开数组：将一个数组展开为多个独立的元素
const arr1 = [1, 2, 3];
const arr2 = [...arr1, 4, 5, 6];
console.log(arr2); // [1, 2, 3, 4, 5, 6]
（2）合并数组：合并多个数组
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArr = [...arr1, ...arr2];
console.log(mergedArr); // [1, 2, 3, 4, 5, 6]
（3）复制数组：
const arr1 = [1, 2, 3];
const arr2 = [...arr1];
console.log(arr2); // [1, 2, 3]
2.对象：
（1）展开对象：展开对象的属性
const obj1 = { name: 'Alice', age: 20 };
const obj2 = { ...obj1, city: 'New York' };
console.log(obj2); // { name: 'Alice', age: 20, city: 'New York' }
（2）合并对象
const obj1 = { name: 'Alice', age: 20 };
const obj2 = { city: 'New York', country: 'USA' };
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); // { name: 'Alice', age: 20, city: 'New York', country: 'USA' }
（3）复制对象：取出参数对象中的所有可遍历属性，拷贝到当前对象之中
let bar = { a: 1, b: 2 };
let baz = { ...bar }; // baz 现在等于 { a: 1, b: 2 }
（4）对象的解构赋值：从一个对象取值，并将目标对象自身的所有可遍历但尚未被读取的属性分配到指定的对象上
let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
console.log(x); // 输出：1
console.log(y); // 输出：2
console.log(z); // 输出：{ a: 3, b: 4 }
3.函数：
（1）传递函数的参数，将数组展开为多个参数
const numbers = [1, 2, 3, 4, 5];
const sum = (a, b, c, d, e) => a + b + c + d + e;
console.log(sum(...numbers)); // 15
原文地址:https://blog.csdn.net/qq_44971069/article/details/135452795
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.7code.cn/show_53264.html
如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
