'数组', '对象'的解构

67 阅读1分钟

什么是解构:批量给变量赋值 代码自左往右执行 根据数组的索引号,将内容赋值给变量 1.数组解构,前面或者上一行代码,必须加上分号;不加就报错 2.自己自执行函数,在函数前面或者上一行代码后面 添加分号

对象解构赋值

对象里面都是一些 键值对的组合 key:value, key 都是字符串 value 可以是任意数据类型 对象的key都是字符串类型 对象的解构赋值,是将值拿出来,key不需要拿出来,因为就是一个字符串而已,我们要的事值

const { 'name': name, 'age': age } = { 'name': '小猪佩奇', 'age': 6}
    console.log(name, age);

ES6出来以后,如果对象的key和属性value的名称一样,就可以用间歇语法

const { name,  age } = { 'name': '小猪佩奇', 'age': 6}
    console.log(name, age);

数组对象的解构,保证左右两边的形状一模一样

const obj = [
      {
        name: '佩奇',
        age: 6,
        family: {
          brother: '乔治',
          mother: '猪妈妈',
          father: '猪爸爸'
        }
      }
    ]

    const [ {
      name,  // name: name
      age, // age: age
      family: {
        brother,
        mother,
        father
      },
    } ] = obj

    console.log(name, age, brother,mother,father );