js基础知识 —— 解构赋值

一、什么是解构赋值

• 解构赋值就是快速的从对象或者数组中取出成员的一个语法方式
• 解构赋值的注意点!
  • { } 是专门解构对象使用的
  • [ ] 是专门解构数组使用的，两个不能混用

二、解构对象 --- 快速的从对象中获取成员

    const obj = {
            name: 'QF001',
            age: 18,
            gender: '男'
        }

1. ES5 拿到对象的某个属性

           let name = obj.name
           let age = obj.age
           let gender = obj.gender

2.ES6 拿到对象的某个属性

    let { name, age, gender } = obj
    console.log(name, age, gender)

• 注： obj 必须是一个对象； {} 表示我要从 obj 这个对象中获取成员了;{} 内部的 name age gender 都必须是 obj 这个对象的某些属性

三、解构数组 --- 快速的从数组中获取成员

const arr = ['QF001', 'QF002', 'QF003']

1.ES5 拿到数组的三个成员

        let a = arr[0]
        let b = arr[1]
        let c = arr[2]

2.ES6 拿到数组的三个成员

        let [a, b, c] = arr
        console.log(a, b, c)

• 注：arr 必须是一个数组；[ ] 表示我要从 arr 这个数组中获取成员了；a b c 分别对应了 数组中索引为 0 1 2 的值