ES6入門學習之解構賦值

2021-08-31 21:39:49 字數 580 閱讀 6664

解構賦值的作用:

簡化賦值操作。(字面意思:解開乙個結構賦值給某個東西)

解構賦值的寫法要求:

1.左右兩邊結構必須一樣

2.右邊必須符合語法要求

3.宣告和賦值必須寫在一起

基本demo:

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

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

let = ;

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

高階demo

let [,[n1,n2,n3],str] = [,[7,8,9],'asd'];

console.log(a,b,c,n1,n2,n3,str);//1,5,6,7,8,9,'asd'

let [json,arr,str] = [,[7,8,9],'asd'];

console.log(json,arr,str)

由上可知,其應用場景可以用於前端獲取後端傳過來的引數時使用。

ES6 學習 之 解構賦值

es6允許按照一定模式從資料和物件中提取值,對變數進行賦值,這被稱為解構 destructuring let name 張三 age 18,男 let name,age,李四 20,女 name aaa console.log name aaa console.log age 20 console....

ES6之 解構賦值

es6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構賦值 destructuring 也可以簡稱 解構。下面用 進一步解釋一下什麼叫解構賦值。1.關於給變數賦值,傳統的變數賦值是這樣的 var arr 1,2,3 把陣列的值分別賦給下面的變數 var a arr 0 var b...

ES6之解構賦值

1.es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 let a,b,c 1,2 3 2.如果等號的右邊不是陣列 或者嚴格地說,不是可遍歷的結構,參見 iterator 一章 那麼將會報錯。如下例 let foo 1 let foo false let foo nan l...