ES6的解构赋值

36 阅读1分钟
  • 解构赋值
    • 就是快速的从对象或者数组中取出成员的一个语法方式
    • 解构赋值的注意点!
      • {}是专门解构对象使用的
      • []是专门解构数组使用的
    const obj = {
      name: 'QF001',
      age: 18,
      gender: '男'
    }
    // 1. 解构对象 --- 快速的从对象中获取成员
    // ES5 拿到对象的某个属性
    // let name = obj.name
    // let age = obj.age
    // let gender = obj.gender
/**
 * ES6 拿到对象的某个属性
 *    前面的{} 表示我要从 obj这个对象中获取成员了
 *    {}内部的name age gender都必须是 obj这个对象的某些属性
 *    obj 必须是一个对象
 * */ 
    let { name, age, gender } = obj
    console.log(name, age, gender)

    // 2.解构数组---快速的从数组中获取成员
    const arr = ['QF001', 'QF002', 'QF003']
    // ES5 拿到数组的三个成员
    // let a = arr[0]
    // let b = arr[1]
    // let c = arr[2]
/**
 * ES6 拿到数组的三个成员
 *      前面的[] 表示我要从arr这个数组中获取成员了
 *      a b c 分别对应了数组中索引为0 1 2的值
 *      arr 必须是一个数组
 * */ 
    let [a, b, c] = arr
    console.log(a, b, c)