es6學習筆記 資料解構

2021-09-19 09:56:21 字數 1102 閱讀 2008

解構化賦值:

let obj = ;

// 定義同名變數

// let name , age

// 會把對應的值傳到下面

// ( = obj);

// console.log(name, age);

列印結果是 小明 18

也可以直接宣告賦值

let  = obj

console.log(name, age); //小明 18

預設賦值 如果物件裡面沒有對應的屬性,則使用自己的,若有則使用物件的

let obj = ;

let = obj;

console.log(oname, oage, ***);

解構陣列

let  arr = [1, 2, 3, 4, 5];

let = arr;// 要對應的新增陣列索引才能夠對應上

console.log(x, y, z, g, f);

// 也可用陣列接受

let [x, y, z, g, f] = arr; //長像相似, 底層也是陣列解構

console.log(x, y, z, g, f);

// 拿出陣列中物件的值;

let arr = [1, 2, 3, ];

let [,,,] = arr;

console.log(name);

應用場景,複雜資料裡要分開操作,處理資料

ES6學習筆記 陣列

一 陣列擴充套件建立 1.array.from方法用於將兩類物件轉為真正的陣列 類似陣列的物件 array like object 和可遍歷 iterable 的物件 包括es6新增的資料結構set和map 可以接受第二個引數,用來對每個元素進行處理,將處理後的值放入返回的陣列。2.array.of...

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