随着 ECMAScript 的不断更新，新的语法和特性不断出现，其中 Object.rest 和 Object.spread 操作符是 ECMAScript 2018 引入的两个非常有用的特性，它们可以让我们更方便地处理对象和数组，提高代码的可读性和可维护性。本文将详细介绍 Object.rest 和 Object.spread 操作符的用法和示例，帮助读者更好地掌握这两个特性。
Object.rest 操作符
Object.rest 操作符可以让我们更方便地获取一个对象的剩余属性，它的语法如下：
let { prop1, prop2, ...rest } = obj;其中，prop1 和 prop2 是 obj 对象中的某些属性，rest 是一个对象，它包含 obj 对象中剩余的所有属性。
下面是一个使用 Object.rest 操作符的示例代码：
let obj = { name: 'Tom', age: 18, gender: 'male', address: 'Beijing' };
let { name, age, ...rest } = obj;
console.log(name); // Tom
console.log(age); // 18
console.log(rest); // { gender: 'male', address: 'Beijing' }在这个示例中，我们使用了 Object.rest 操作符获取了 obj 对象中的 name 和 age 属性，同时将剩余的属性放到了 rest 对象中。这样，我们就可以更方便地处理对象中的属性了。
Object.spread 操作符
Object.spread 操作符可以让我们更方便地将一个对象的属性展开到另一个对象中，它的语法如下：
let newObj = { ...obj1, ...obj2 };其中，obj1 和 obj2 是两个对象，newObj 是一个新的对象，它包含了 obj1 和 obj2 中的所有属性。
下面是一个使用 Object.spread 操作符的示例代码：
let obj1 = { name: 'Tom', age: 18 };
let obj2 = { gender: 'male', address: 'Beijing' };
let newObj = { ...obj1, ...obj2 };
console.log(newObj); // { name: 'Tom', age: 18, gender: 'male', address: 'Beijing' }在这个示例中，我们使用了 Object.spread 操作符将 obj1 和 obj2 中的所有属性展开到了一个新的对象中，这样就可以更方便地处理对象了。
总结
Object.rest 和 Object.spread 操作符是 ECMAScript 2018 引入的两个非常有用的特性，它们可以让我们更方便地处理对象和数组，提高代码的可读性和可维护性。在实际开发中，我们可以根据需要灵活地使用这两个操作符，以提高代码的效率和质量。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6512692795b1f8cacdae114d