ES6-解构表达式

1、数组解构

let arr = [1,2,3]

我想获取其中的值,只能通过角标。ES6可以这样:

const [x,y,z] = arr;// x,y,z将与arr中的每个位置对应来取值
// 然后打印
console.log(x,y,z);

结果:

在这里插入图片描述

2、对象解构

例如有个person对象:

const person = {
    name:"jack",
    age:21,
    language: ['java','js','css']
}

我们可以这么做:

// 解构表达式获取值
const {name,age,language} = person;
// 打印
console.log(name);
console.log(age);
console.log(language);

结果:

在这里插入图片描述

如过想要用其它变量接收,需要额外指定别名:

在这里插入图片描述

{name:n}:name是person中的属性名,冒号后面的n是解构后要赋值给的变量。

发布了214 篇原创文章 · 获赞 190 · 访问量 13万+

猜你喜欢

转载自blog.csdn.net/luckystar_99/article/details/105358595
今日推荐