1、解構賦值就是從物件或陣列中提取資料, 並賦值給變數(多個)，也就是對陣列或物件的批量賦值
2、物件的解構賦值：把物件的屬性name和age對應的值分別賦值給變數name和age：let =
3、陣列的解構賦值：把陣列中的1和'fry'分別賦值給變數a和b：let [a,b] = [1, 'fry'];依次將物件裡面的name屬性和age屬性的值傳遞給name和age全域性變數：let = ;
//2、物件的解構賦值let = ;
console.log(name,age);
依次將陣列裡的值賦值給左邊的變數a、b、c：let [a, b, c] = ['abc', 23, true];
let arr = ['abc', 23, true];let [a, b, c, d] =arr;
console.log(a, b, c, d);
可以用逗號佔位：let [,,a,b] = ['abc', 23, true,12];//a是true，b是12
let arr = ['abc', 23, true,12];let [,,a,b] = arr;
直接將實參obj物件傳遞給形參name, age：function person1() {} person1(obj);
let obj = ;function
person1()
person1(obj);
1doctype html
>
2<
html
lang
="en"
>
3<
head
>
4<
meta
charset
="utf-8"
>
5<
title
>解構賦值
title
>
6head
>
7<
body
>821
<
script
>
22//
一、物件的結構賦值
23//
1、普通的物件寫法
24//
let obj = ;
25//
let name=obj.name;
26//
let age=obj.age;
27//
console.log(name,age);
2829
//2、物件的解構賦值
30//
解構賦值左右兩邊的結構要保證一樣
31//
let = ;
32//
console.log(name,age);
3334
//3、解構賦值的部分傳值
35//
let = ;
36//
console.log(age);
37//
變數名不對的情況
38//
let = ;
39//
console.log(age1);
4041
//在物件的結構賦值中，接收的變數的名字要和屬性的名字一樣
4243
//二、陣列的解構賦值
44//
陣列在結構賦值的時候值是按照位置一一傳遞
45//
let arr = ['abc', 23, true];
46//
let [a, b, c, d] = arr;
47//
console.log(a, b, c, d);
4849
//let [a, b, c, d] = ['abc', 23, true];
50//
console.log(a, b, c, d);
5152
53//
結構陣列的時候不按順序拿值
54//
let arr = ['abc', 23, true];
55//
let [,,a] = arr;
5657
//在陣列的解構賦值中 ，我們想拿到隨便位置的元素，我們可以用逗號來佔位
58//
let [,,a] = ['abc', 23, true];
59//
console.log(a);
6061
62//
三、解構賦值應用
63//
不用解構賦值
64//
let obj = ;
65//
function person(name,age)
68//
person(obj.name,obj.age);
69//
用解構賦值
70//
let obj = ;
71//
function person()
74//
person(obj);
7576
script
>
77body
>
78html
>
石川es6課程 6 解構賦值
結構相同一一對應的方式賦值 let json,arr,num,str 1,2,3 8,str let json,arr,num,str 1,2,3 8,str console.log json,arr,num,str 1.左右兩邊結構必須一樣 let a,b 報錯。左右兩邊結構必須一樣 2.右邊必須...
ES6 解構賦值
陣列的解構賦值 let a,b 12,13 let a,b,c d 13,15,16 let a,b c 78,12 23 let x,y 1,3,5 x 1,y 3 let x,y,z a x a,y undefined z let h,b 1,2,3,4 1,2,3,4 預設值 let x tr...
ES6解構賦值
一 基本用法 解構 destructuring 按照一定的模式，從陣列或者物件中提取值，對變數進行賦值。let par1,par2,par3 1,2 console.log par1,par2,par3 1 2 不完全解構時par3對值為undefined 解構賦值允許指定變數對預設值。let pa...