溫馨提示×

es6怎么解構(gòu)賦值數(shù)組對象

es6
小億
83
2024-01-13 15:28:36
欄目: 編程語言

在ES6中，可以使用解構(gòu)賦值語法來從數(shù)組或?qū)ο笾刑崛≈挡①x值給變量。以下是如何使用解構(gòu)賦值語法進(jìn)行數(shù)組和對象的解構(gòu)賦值：

  1. 數(shù)組解構(gòu)賦值:
// 簡單數(shù)組解構(gòu)賦值
const [a, b, c] = [1, 2, 3];
console.log(a); // 輸出: 1
console.log(b); // 輸出: 2
console.log(c); // 輸出: 3

// 忽略某些元素
const [d, , e] = [4, 5, 6];
console.log(d); // 輸出: 4
console.log(e); // 輸出: 6

// 剩余元素賦值給一個新數(shù)組
const [f, ...rest] = [7, 8, 9];
console.log(f); // 輸出: 7
console.log(rest); // 輸出: [8, 9]
  1. 對象解構(gòu)賦值:
// 簡單對象解構(gòu)賦值
const {x, y} = {x: 1, y: 2};
console.log(x); // 輸出: 1
console.log(y); // 輸出: 2

// 重命名變量
const {a: m, b: n} = {a: 3, b: 4};
console.log(m); // 輸出: 3
console.log(n); // 輸出: 4

// 默認(rèn)值
const {p = 5, q = 6} = {p: 7};
console.log(p); // 輸出: 7
console.log(q); // 輸出: 6

需要注意的是，解構(gòu)賦值語法只是一種簡便的寫法，可以方便地從數(shù)組或?qū)ο笾刑崛≈?，所以在使用時需要確保提取的變量名與數(shù)組或?qū)ο笾械膶傩悦嗥ヅ洹?/p>

0 踩