ES6物件,陣列和解引數解構

使用es6的一種語法規則，將乙個物件或陣列的某個屬性提取到某個變數中

const user =

}// 先定義5個變數，然後從物件中讀取同名屬性，放到變數中
let= user
console.
log(name, age, ***, address, abc)

const user =
}// 先定義4個變數：name、age、gender、address
// 再從物件user中讀取同名屬性賦值（其中gender讀取的是***屬性）
let= user
console.
log(name, age, gender, address)
//解構出user中的name、province
//定義兩個變數name、province
//再解構
const
}= user;
console.
log(name, address, province)

const number =

["a"
,'b'
,'c'
,'d'
]const
= number
console.
log(n1,n2)
const
[n1,n2]
= number
console.
log(n1,n2)
const numbers =
["a"
,"b"
,"c"
,"d"];
const
[n1,
,, n4, n5 =
123]
= numbers;
console.
log(n1, n4, n5)
//巢狀的陣列
const numbers =
["a"
,"b"
,"c"
,"d",[
1,2,
3,4]
];// 得到numbers下標為4的陣列中的下標為2的資料，放到變數n中
const[,
,,,[
,, n]
]= numbers;
console.
log(n)
const numbers =
["a"
,"b"
,"c"
,"d",]
;//得到numbers下標為4的陣列的屬性a，賦值給變數a
// const [, , , , ] = numbers;
const
= numbers[4]
;console.
log(
a)

function

print(}
)`) console.
log(
`年齡：$`
) console.
log(
`性別：$`
) console.
log(
`身份：$`
) console.
log(
`城市：$`
)}const user =
}print
(user)

1.

const user =
}//解構出name，然後，剩餘的所有屬性，放到乙個新的物件中，變數名為obj
// name: kevin
// obj : }
const
= user;
console.
log(name, obj)
2.const numbers =
[324,7
,23,5
,3243];
// 得到陣列前兩項，分別放到變數a和b中，然後剩餘的所有資料放到陣列nums
// const [a, b, ...nums] = numbers;
const a = numbers[0]
, b = numbers[1]
, nums = numbers.
slice(2
);console.
log(a, b, nums)
;

es6 物件解構 陣列解構 引數解構

使用es6的一種語法規則，將乙個物件或陣列的某個屬性提取到某個變數中。解構不會對解構的目標造成任何影響 對於物件，在我們要使用它的屬性時,通常把屬性儲存在變數裡 const user const age user.age const name user.name const user.或者如下分開宣...

ES6 物件解構

當從乙個物件中獲取屬性時，會進行這樣操作 const p1 const name p1.name tom shmith const age p1.age 20 const father p1.familly.father jack shmith const mother p1.familly.mot...

ES6 物件的解構賦值

es6的解構賦值，在我看來是提供了乙個整體賦值的方案。包括陣列和物件的整體賦值。基本原則如下 let x,y 1,2 x 1 y 2 let foo aaa bar bbb 但是物件的解構賦值，允許給賦值的變數重新命名。物件的重新命名解構 我自己去的名字，便於理解 其實在給物件進行解構賦值的時候，有...