? ? ? ? ? ? ? ? ? ? ? ? ? ? js中數(shù)組和對象的解構賦值
1.Es6中的解構語句瓤介,可以直接將數(shù)組中的每個元素提取出來熬荆,方式就是:let [變量名1唾戚,變量名2帝雇,...]=數(shù)組辕漂。例如拟糕;
let arr1 = [11, 22, 33, 44, 55]
括號類的相當于給每個索引重新命名注祖,必須省略(let a=arr1[0]谓厘;
let b=arr1[1]财剖;
let c=arr1[2]悠夯;
let d=arr1[3];
let e=arr1[4];)
let [a, b, c, d, e] = arr1
console.log(a, b, c, d);
2.對象的解構賦值躺坟;
?//定義變量
? ? ? ? ?let no = 1001
? ? ? ? let name = '周杰倫'
? ? ? ? let age = 30
? ? ? ? let sex = '男'
? ? ? ? //定義對象
? ? ? ? let stu1 = {
? ? ? ? ? ? //屬性名:屬性值
? ? ? ? ? ? //這里的屬性值是上面定義的變量保存的值
? ? ? ? ? ? no:no,
? ? ? ? ? ? name:name,
? ? ? ? ? ? age:age,
? ? ? ? ? ? sex:sex
? ? ? ? }
? ? ? ? console.log(stu1);
? ? ? ? console.log('-----------------');
? ? ? ? //對象的屬性名和屬性值的標識相同時沦补,可以省略屬性值
? ? ? ? let stu2 = {
? ? ? ? ? ? // 是no:no的簡寫
? ? ? ? ? ? no,
? ? ? ? ? ? name,
? ? ? ? ? ? age,
? ? ? ? ? ? sex
? ? ? ? }
? ? ? ? console.log(stu2);
Es6中的解構語句,可以直接將對象中的每個屬性或方法或對象提取出來咪橙,方式就是:let [屬性名1夕膀,屬性名2,...]=對象美侦。例如产舞;
?let stu3 = {
? ? ? ? ? ? username:'周杰倫',
? ? ? ? ? ? userage:30,
? ? ? ? ? ? usersex:'男',
? ? ? ? ? ? car:{
? ? ? ? ? ? ? ? carName:'奔馳',
? ? ? ? ? ? ? ? carPrice:'100W'
? ? ? ? ? ? }
? ? ? ? }
//過去我們這樣寫? ?let username = stu3.username ;??let userage = stu3.userage菠剩;let usersex = stu3.usersex易猫;let {car} = stu3;?let {carName,carPrice} = car
現(xiàn)在我們這樣寫(解構賦值)
let {username,userage,usersex:usersex2} = stu3
console.log(username,userage,usersex,usersex2);
let {car:{carName,carPrice}} = stu3
console.log(carName,carPrice);