ES6 解構賦值的幾個用途 回顧

2021-10-01 12:24:46 字數 2167 閱讀 1902

let x =1;

let y =2;

console.

log(

'x:'

+x,'y:'

+y);

//x:1 y:2

//結構賦值

[x,y]

=[y,x]

; console.

log(

'x:'

+x,'y:'

+y);

//x:2 y:1

function

example()

let[a,b,c]

=example()

; console.

log(

'a:'

+a,'b:'

+b,'c:'

+c);

//a:1 b:2 c:3

function

example2()

}let

=example2()

; console.

log(

'name:'

+name,

'age:'

+age)

;//name:kang+ age:20

//引數是一組有次序的值

functionf(

[x,y,z])f

([1,

2,3]

);//引數是一組沒有次序的值

functionf(

)f()

;

let jsondata =]}

// 獲取json資料

let]

}= jsondata;

console.

log(

'number:'

+number)

;//number:1

console.

log(

'status:'

+status)

;//status:200

console.

log(data)

// console.

log(

'person:'

+person)

;//person:kang+

console.

log(

'age:'

+age)

;//age:20

function

person

(name,age,school =

'xiyou'

)var son =

newperson

('kang+',20

);console.

log(son)

//

map 結構原生支援 iterator介面,配合變數的解構賦值獲取鍵名和鍵值就非常方便。

var map =

newmap()

; map.

set(

'name'

,'kang+');

map.

set(

'age'

,'20');

for(

let[key, value]

of map)

name is kang+

age is 20

獲取鍵名

var map =

newmap()

; map.

set(

'name'

,'kang+');

map.

set(

'age'

,'20');

for(

let[key]

of map)

// 獲取鍵值

var map =

newmap()

; map.

set(

'name'

,'kang+');

map.

set(

'age'

,'20');

for(

let[

,value]

of map)

ES6解構賦值的用途

參考文件 1.交換變數的值 let x 1 let y 2 x,y y,x 2.從函式返回多個值 函式只能返回乙個值,如果要返回多個值,只能將它們放在陣列或物件裡返回。有了解構賦值,取出這些值就非常方便。返回乙個陣列 function example let arr a,b,c example ar...

ES6 解構賦值的6個用途

變數的解構賦值用途很多。1 交換變數的值let x 1 let y 2 x,y y,x 上面 交換變數x和y的值,這樣的寫法不僅簡潔,而且易讀,語義非常清晰。2 從函式返回多個值 函式只能返回乙個值,如果要返回多個值,只能將它們放在陣列或物件裡返回。有了解構賦值,取出這些值就非常方便。返回乙個陣列 ...

ES6 變數的解構賦值的用途

變數的解構賦值用途很多。1 交換變數的值 let x 1 let y 2 x,y y,x 上面 交換變數x和y的值,這樣的寫法不僅簡潔,而且易讀,語義非常清晰。2 從函式返回多個值 函式只能返回乙個值,如果要返回多個值,只能將它們放在陣列或物件裡返回。有了解構賦值,取出這些值就非常方便。返回乙個陣列...