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