ES6 几种常用解构对象解构、数组解构、嵌套对象解构

Mr.M .

于 2020-07-08 11:12:51 发布

阅读量1.7k

点赞数

分类专栏：对象解构文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_45582052/article/details/107200041

版权

对象同时被 2 个专栏收录

4 篇文章

订阅专栏

解构

1 篇文章

订阅专栏

本文介绍了ES6中的三种解构方式：对象解构用于方便地提取对象属性；数组解构则能高效地从数组中获取元素；而嵌套对象解构则允许深层次地解构复杂的数据结构，简化代码编写。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.对象解构

let node = {
    name: '小红',
    age: 18
}

let {name,age} = node;

console.log(name);  //小红
console.log(age);   //18

2.数组解构

let colors = ['red','blue','green']

let [item,value] = colors;

console.log(item);  //red
console.log(value);  //blue

3.嵌套对象解构

let node = {
    name: '小红',
    age: 18,
    loc: {
        start: {
            line: 1,
            column: 1,
        }
    }
}

let {loc: {start} } = node;

console.log(start.line);   //1

ES6 几种常用解构 对象解构、数组解构、嵌套对象解构

ES6 几种常用解构对象解构、数组解构、嵌套对象解构