6 6 es6中的物件的結構賦值

2021-09-29 06:56:14 字數 1277 閱讀 5792

一、物件的解構賦值:本質上就是一種匹配模式,只要等號兩邊的模式相同,等號左邊的變數就可以被賦予對應的值

物件的結構賦值分為兩種

陣列的結構賦值

物件的結構賦值

// 陣列的解構賦值 (有位置來決定)

// 陣列的結構賦值有順序

// 1、按順序解構

// let [a, b, c] = [1, 2, 3]

// console.log(a, b, c) //1,2,3

//2、不完全解構

// let [a] = [1, 2, 3]

// console.log(a) //1

// 3、解構不成功

// let [a, b, c] = [1, , 3]

// console.log(a, b, c) // 1 undefined 3

//4、預設值

// let [a, b = 5, c] = [1, , 4]

// console.log(a, b, c) //1 5 4

//5、 剩餘值

let [a,

...c]=[

1,2,

3]console.

log(a, c)

//1 [2, 3]

// 物件的解構賦值 (物件沒有順序)

// 1、無序性

// var =

// console.log(a) //23

// console.log(b) //張三

// 2、別名 如果外面有物件中的某個變數 會報錯 所以要用別名

// let a = 10

// let =

// console.log(a) //10

// console.log(b) //張三

// console.log(m) //23

// 3、別名新增預設值

// let a = 10

// let =

// console.log(a) //10

// console.log(b) //張三

// console.log(m) //33

// 4、剩餘引數 (注意 如果谷歌不行,就換乙個瀏覽器)

let o =

let

= o console.

log(a)

//10

console.

log(cb)

//

ES6的物件結構賦值

es6中的物件複製是右邊值是物件,而宣告這個物件的也是物件,es6之前的是宣告的值是物件,但是宣告是值 es6之前宣告的物件 var obj 01 es6基本的結構賦值 let 在賦值的時候需要注意 左側的變數名必須與右側的屬性名相同才能正確取值 與書寫的順序無關 因為物件是無序的資料儲存方式 le...

ES6中的結構賦值

1.1 結構賦值就是從陣列和物件中提取自己想要的變數,然後進行賦值,最常用的場景是element ui vant按需引入,請求介面返回資料,提取想要的資料,重要的一點就是左右結構必須一致 1.2 變數交換 有兩種方法 第一種 就是宣告乙個空的變數,然後來進行交換,第二種 就是前面宣告的變數,後面調換...

ES6的陣列結構賦值

es允許按照一定模式,從事狐族和物件中提取值,對變數進行賦值。這被稱之為結構。通常,我們賦值一般都會採用以下的這種方式 var a 3 var b string es6寫法 var a,b 3,string 下面是以巢狀陣列賦值的例子 let a,b,c name age a name b c ag...