學習總結 ES6 基礎 解構賦值

2021-08-21 08:28:34 字數 1559 閱讀 1343

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

console.log(a);//1

console.log(b);//2

script>

這樣簡化了賦值的過程其中友以下的集中情況也可以賦值

這樣情況下 將不會定義和宣告b 而是將3 賦值給c

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

console.log(a);//1

console.log(c);//[2,3]

這樣會將1賦值給a 其他全部賦值給c(注意c的右側不能有 ,了 也就是說 c必須是最後乙個引數)

let [a,b,c='de****t',d='de****t']  = [1,2,3]

console.log(a);

console.log(b);

console.log(c);

console.log(d);

還可以設定預設值 結果如下圖所示

let o = ;

let = o;

console.log(p); // 42

console.log(q); // true

這裡值得注意的是 如果解構的內容物件中沒有對應 則會出現undefined

let o = ;

( = o);

console.log(p); // 42

console.log(q); // true

console.log(r); // undefined

console.log(p); // p is not defined

以上的**首先是通過解構可以無需宣告來賦值乙個變數。其次是可以將小p 重新命名為p 可以從乙個物件中提取變數並賦值給和物件屬性名不同的新的變數名。

let res = ,] 

}let =res;

console.log(status);

console.log(id);

console.log(data);

例如返回乙個res的資料 然後利用解構可以便捷的為其賦值

析構函式

let =math;

let a = 1.1;

console.log(floor(a)) //1

console.log(pow(2,3))//8

, 將math函式 中的floor 解構出來使用 我們也可以將字串的自帶方法解構出來如下

let ="123456";

console.log(mylength);// 6

解構十分方便 簡化了賦值的過程

還有很多用法待補充 如有錯誤望指正

es6解構賦值總結

陣列的解構賦值 1.簡單的賦值方式 2.多維陣列解構賦值 3.預設值,只有當右邊對應位置為undefined時候才會選擇預設 null不屬於undefined 4.左右不對等,會相應的對號入座,沒有的以undefined賦值 左邊多於右邊 右邊多餘左邊 物件賦值 1.普通賦值,物件右邊的順序可以打亂...

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....