ES6 解構賦值

2022-08-27 21:57:16 字數 850 閱讀 4371

廖雪峰官網

陣列解構賦值

//

之前需要取arr裡面的值 以前是這樣

let arr = ['name','age','gender']

let name = arr[0]

let age = arr[1]

let gender = [2]

//

解構賦值可以這樣

let arr = ['name','age','gender']

let [name] =arr

console.log(name)

//結果 為name

物件解構賦值  ps:越發感覺物件解構賦值 很厲害

場景一:後台返回乙個物件,裡面只有幾個是需要的自己存起來的。這個時候就可以解構賦值 感覺物件解構賦值用的最多

//

之前需要乙個乙個取

var person =;

var name =person.name

var gender = person.gender

//

使用解構賦值

var person =;

var =person

console.log(name,gender)

解構賦值還可以使用預設值,這樣就避免了不存在的屬性返回undefined的問題:

//

使用解構賦值

var person =;

var =person

console.log(name,gender)

//kobe male

ES6 解構賦值

陣列的解構賦值 let a,b 12,13 let a,b,c d 13,15,16 let a,b c 78,12 23 let x,y 1,3,5 x 1,y 3 let x,y,z a x a,y undefined z let h,b 1,2,3,4 1,2,3,4 預設值 let x tr...

ES6解構賦值

一 基本用法 解構 destructuring 按照一定的模式,從陣列或者物件中提取值,對變數進行賦值。let par1,par2,par3 1,2 console.log par1,par2,par3 1 2 不完全解構時par3對值為undefined 解構賦值允許指定變數對預設值。let pa...

es6解構賦值

coding changes the world accumulating makes yourself 主要從三個方面講述 陣列式的解構賦值 物件式的解構賦值 函式中的解構賦值 preface 現今的變數宣告語法十分的直接 左邊是乙個變數名,右邊可以是乙個陣列 的表示式或乙個物件 的表示式,等等。...