ES6第二天學習陣列解構賦值

2021-09-29 03:06:52 字數 1098 閱讀 3132

一、什麼是解構賦值?

二、都有什麼解構賦值

//1、

const arr=[1,2,3,4];

let [a,b,c,d]=arr;

console.log(a+'='+b+'='+c+'='+d);//1 =2=3=4

//2、

//複雜的匹配是利用索引的進行匹配兩邊格式要一樣

const arr=['a','0',['c','d',['e','f','g']]];

const [,,b]=arr;

console.log(b);//(3) ["c", "d", array(3)]

const [,,[,,b]]=arr;

console.log(b);//3) ["e", "f", "g"]

三、擴充套件運算子...
const arr1=[1,2,3];

const arr2=['q','3'];

const arr3=['aa','1'];

const arr4=[...arr1,...arr2,...arr3];

console.log(arr4);//) [1, 2, 3, "q", "3", "aa", "1"]

擴充套件運算子可以展開陣列

3.1他和結構陣列的使用

const arr=[1,2,3,4,5,6]

const [a,b,...c]=arr;//c=[3,4,5,6]

四、預設值:當是undefined就會選擇預設值
const arr=[2,undefined,undefined];

const [a,b=2,c=2,d]=arr;

五、交換變數
let a=10;

let b=90;

[a,b]=[b,a];

六、接收 多個函式返回值
function getuserinfo(id),『請求成功』];}

//接收返回值

const [status,data,msg]=getuserinfo(12);

ES6第二天學習物件解構賦值

一 物件如何解構賦值 二 物件解構賦值的用法const obj const obj他是那key進行匹配的如果key不一樣就匹配不到,但是陣列是按照順序進行解構 三 稍微複雜的解構條件const player const player console.log nickname 這裡上面的 裡裡面的是定...

展開對ES6學習的第二天

字串標記 碼點 展示 function sort arr arr 如果沒變就跳出迴圈,不再排序 if flag break 返回結果 return arr 說明 該方法屬於原型方法,作用類似於map,用於對每個元素處理,也可以作為將偽 類 陣列轉換為真實陣列的方法之一 案例展示 建立乙個類似於陣列的...

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