ES6新特性 物件及陣列的解構賦值

2021-10-09 06:19:51 字數 1431 閱讀 1327

constf4=

['小瀋陽'

,'劉能'

,'趙四'

,'宋小寶'

]// 定義乙個陣列

let[xiao, liu, zhao, song]=f4

;// 將陣列解構,並且賦值給對應的變數

console.

log(xiao)

// 小瀋陽

console.

log(liu)

// 劉能

console.

log(zhao)

// 趙四

console.

log(song)

// 宋小寶

你可以對任意深度的巢狀陣列進行解構:

var

[one,

[[two]

, three]]=

[1,[

[2],

3]];

console.

log(one)

;// 1

console.

log(two)

;// 2

console.

log(three)

;// 3

還可以在對應位留空來跳過被解構陣列中的某些元素:

var[,

,third]=[

"one"

,"two"

,"three"];

console.

log(third)

;// "three"

而且你還可以通過「不定引數」模式捕獲陣列中的所有尾隨元素:

var

[head,

...tail]=[

1,2,

3,4]

;console.

log(tail)

;// [2, 3, 4]

const zhao =

}let

= zhao;

// 將物件解構,並且賦值給對應的變數

console.

log(name)

;// 趙本山

console.

log(age)

;// 不詳

console.

log(

xiaopin()

);// 我可以演小品

// 還可以給解構出來的變數乙個新名字

let= zhao; console.

log(newname)

;// 趙本山

console.

log(newage)

;// 不詳

console.

log(

newxp()

);// 我可以演小品

ES6新特性 解構賦值

在很多場景下,我們發現乙個復合屬性中像物件 陣列,我們在使用時並不會每一次都用到其中的每一項 每乙個元素,所以es6的解構賦值就可以單獨將我們需要的屬性 元素取出,不用將物件 陣列全部載入,可以提高專案的執行效率。先宣告乙個物件 let obj 在這個物件中有兩個屬性,通過解構賦值,我們可以做到只載...

es6新特性 ES6新特性(一)

var 1 var宣告的是函式作用域 區域性 但在if for等定義的變數是全域性的 2 var 具有變數提公升,預解析 3 在同乙個作用域下,var可以宣告多次 4 var 宣告的變數會掛載到window上 let1 let不存在變數提公升,在變數使用之前,必須要先宣告 2 let在同一作用域下,...

ES6新特性之解構使用細節

es6的解構說白了就是能夠讓我們一次性取到多個值,大致可分為一下幾個方面 1 陣列解構 普通的一維陣列解構,如下one array 0 two array 1 three array 2 var one,tow,three array 巢狀陣列解構 var one,two three 1,2 3 o...