解构

2021-07-13 18:02:02 阅读：129 来源： 互联网

解构

数组的解构

可以用这种方式将数组中的每一项赋值给变量。

// 将三项都赋值给变量
const arr = [100, 200, 300];
const [foo, bar, baz] = arr;
console.log(foo, bar, baz);

// 只需要一项的值可以这样写
const arr = [100, 200, 300];
const [, , baz] = arr;
console.log(baz);

可以将某些项放到新数组中

//all是包含foo以后所有项的数组
const arr = [100, 200, 300];
const [foo,...all] = arr;
console.log(all);

如果变量名少于数组项，则会从前往后匹配，如果多与数组的项数，那么多出来的变量内容为undefined。
可以在匹配时给变量赋值，如果数组中没有对应的项，那么值为设置的值，如果有对应的，变量值为对应的数组项的值

const arr = [100, 200, 300];
const [foo, bar, baz = 500, more = 400] = arr;
console.log(foo, bar, baz, more);

对象解构

基本规则和数组解构相同

const obj = {
    name: "zs",
    age: 18
};
const { name } = obj;
//打印name的值为zs
console.log(name);

如果对象名和之前定义过的变量名相同，会产生冲突,提示变量名被占用，想要解构需要如下的方法

const obj = {
    name: "zs",
    age: 18
};
const name = "lx";
const { name: newName } = obj;
console.log(newName);
//也可以把log 解构出来，减少代码量
const {log} = console;
log(newName);

标签：arr,console,log,解构,const,name
来源： https://blog.csdn.net/weixin_58526727/article/details/118707000

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

解构

解构

数组的解构

对象解构