ES6基礎語法(二) 解構賦值

2021-08-14 15:52:25 字數 799 閱讀 7617

1.基本用法

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

name = 'hhh';

console.log(name); // hhh

console.log(age); // 20

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

2.物件的解構賦值

let = ;

console.log(name); // 張三

console.log(age); // 55

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

let = ;

console.log(name); // "" -- 空字串

console.log(str); // 張三

3.陣列的解構賦值

let [arr1] = ;

console.log(arr1); // undefined

4.基本型別的解構賦值

console.log(a); // 大

console.log(b); // 家

console.log(c); // 好

let [a, b, c] = '大家';

console.log(a); // 大

console.log(b); // 家

console.log(c); // undefined

console.log(a); // 大

console.log(b); // 家

console.log(c); // 好

ES6語法 解構賦值

按照一定的模式,從陣列和物件中提取值,對變數進行賦值,就被稱為解構。目的是為了提高效率,使用起來更加方便。以下的各個說明,我會模擬著es5去解釋,希望能幫到小夥伴們。陣列解構 正常解構 es5 var arr 1,2,3 var a arr 2 console.log a 3 es6 let a,b...

ES6 二 解構賦值

從陣列和物件中提取值,對變數進行賦值,這被稱為解構 1 從函式返回多個值 let a,b 1,2 a,b 2,1 a 2 b 1 2 接收從函式返回的多個值 函式只能返回乙個值,想返回多個需要返回乙個物件或陣列,用解構賦值取值非常方便 function exam let a,b,c exam a 1...

es6(二) 解構賦值

es中允許按照一定格式從陣列,物件值提取值,對變數進行賦值,這就是解構 destructuring 1 let a,b,c 1,10,100 2 console.log a,b,c 1 10 1003 等式兩邊 模式 進行匹配,從而進行賦值 4 let i,j k 1,2 3 這種看看就好,知道這樣...