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

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 從函式返回多個值 函式只能返回乙個值，如果要返回多個值，只能將它們放在陣列或物件裡返回。有了解構賦值，取出這些值就非常方便。返回乙個陣列...