ES6學習記錄 解構賦值

2021-09-25 04:53:15 字數 602 閱讀 6561

結構賦值:

example:let [a,[b,c]]=[1,[2,3]];

注意:1、左右格式必須保持一致

用途:1、後台返回的json格式資料拆分批量賦值到變數

2、用於互動變數位置

如:let a = 1;

let b = 2;

[a,b] = [b,a]

3、函式返回值解構

function getpos()

}let = getpos();

console.log(left,t)

4、函式引數中使用

如:let =;

2、起別名

let =;

console.log(mingzi,nianling,gongzuo);

3、解構的時候可以使用預設值如原:

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

comsole.log(a,b,c);

//result: 1,2,undefined

設定預設值後:

let [a,b,c=『我是預設值』] = [1,2];

console.log(a,b,c);

//result: 1 2 我是預設值

ES6學習記錄 解構賦值

es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 let head,tail 1,2,3,4 head 1 tail 2,3,4 let x,y,z a x a y undefined z 如果解構不成功,變數的值就等於undefined。另一種情況是不完全解構,即等號左...

ES6學習 解構賦值

解構賦值是對賦值運算子的擴充套件,是一種針對陣列或物件進行模式匹配,對其中變數進行賦值。解構源 解構賦值表示式的右邊部分 解構的目標 解構賦值表示式的左邊部分 注意 左右兩邊,結構格式要保持一致 陣列 let arr 1 2,3 let a,b,c arr console.log a,b,c 1 2...

ES6 學習 解構賦值

一 陣列解構 陣列解構,解構出來的值跟陣列下標是一一對應的,如果左邊變數多於右邊陣列,則左邊後面部分變數值為undefined,如果右邊陣列元素個數多於左邊解構變數個數,則左邊變數全都有值,且一一對應 1.簡單解構 let arr 1,2,5 let a b c arr a 1,b 2,c 5 2....