溫馨提示×

es6對象擴(kuò)展運(yùn)算符怎么應(yīng)用

es6
小億
94
2023-10-25 20:40:15
欄目: 編程語言

ES6的對象擴(kuò)展運(yùn)算符（...）可以用于復(fù)制對象、合并對象、傳遞函數(shù)參數(shù)等多種應(yīng)用。

  1. 復(fù)制對象：使用對象擴(kuò)展運(yùn)算符可以非常方便地復(fù)制一個(gè)對象。
const obj1 = { name: 'Alice', age: 20 };
const obj2 = { ...obj1 };
console.log(obj2); // { name: 'Alice', age: 20 }
  1. 合并對象：可以將多個(gè)對象合并為一個(gè)對象。
const obj1 = { name: 'Alice' };
const obj2 = { age: 20 };
const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); // { name: 'Alice', age: 20 }
  1. 傳遞函數(shù)參數(shù)：可以將一個(gè)對象的屬性作為函數(shù)的參數(shù)。
const userInfo = { name: 'Alice', age: 20 };
function printNameAndAge({ name, age }) {
  console.log(`Name: ${name}, Age: ${age}`);
}
printNameAndAge(userInfo); // Name: Alice, Age: 20
  1. 將數(shù)組轉(zhuǎn)換為參數(shù)序列：可以將一個(gè)數(shù)組中的元素轉(zhuǎn)換為函數(shù)的參數(shù)。
const arr = [1, 2, 3];
function sum(a, b, c) {
  return a + b + c;
}
console.log(sum(...arr)); // 6
  1. 解構(gòu)對象中的屬性：可以方便地解構(gòu)對象中的屬性。
const userInfo = { name: 'Alice', age: 20 };
const { name, age } = userInfo;
console.log(name, age); // Alice 20

需要注意的是，對象擴(kuò)展運(yùn)算符只能用于淺拷貝對象，如果對象中有嵌套對象，則只會拷貝對象的引用。

0 踩