ES6 學習 之 解構賦值

2021-08-29 09:43:03 字數 1194 閱讀 3367

es6允許按照一定模式從資料和物件中提取值,對變數進行賦值,這被稱為解構(destructuring)

// let name = '張三',

// age = 18,

// *** = '男';

let [name, age, ***] = ['李四', 20, '女'];

name = 'aaa';

console.log(name); // aaa

console.log(age); // 20

console.log(***); // 女

以key的形式取值

let  = 

};console.log(name); // 張三

console.log(age); // 55

console.log(friends); // ['lulu', 'wangwu']

console.log(pet); //

如果以鍵值對來取值,只能取到值,不推薦

let  = ;

console.log(name); // null

console.log(str); // 張三

只需要結構一致

// let [name,age,***] = ['李四',20,'女'];

let [arr1, [arr2, arr3, [arr4, arr5]]] = [1, [2, 3, [4, 5]]];

console.log(arr1, arr2, arr3, arr4, arr5); // 1 2 3 4 5

let [arr1] = ;

console.log(arr1); // undefined 可以取到

let [a, , ,c] = [1,2,3];

console.log(a); // 1

console.log(c); // undeifined

let [a, b, c, d, e] = '我是中國人';

console.log(a); // 我

console.log(b); // 是

console.log(c); // 中

console.log(d); // 國

console.log(e); // 人

ES6之 解構賦值

es6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構賦值 destructuring 也可以簡稱 解構。下面用 進一步解釋一下什麼叫解構賦值。1.關於給變數賦值,傳統的變數賦值是這樣的 var arr 1,2,3 把陣列的值分別賦給下面的變數 var a arr 0 var b...

ES6之解構賦值

1.es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 let a,b,c 1,2 3 2.如果等號的右邊不是陣列 或者嚴格地說,不是可遍歷的結構,參見 iterator 一章 那麼將會報錯。如下例 let foo 1 let foo false let foo nan l...

ES6之解構賦值

es6允許按照一定模式從陣列和物件中提取值,對變數進行賦值 稱為解構賦值 const aaa 張三 李四 王二 麻子 let zhang,li,wang,ma aaa console.log zhang 張三 console.log li 李四 console.log wang 王二 console...