美文网首页
2019-10-22 JS对象解构,适用于字段较多的情景,例如:

2019-10-22 JS对象解构,适用于字段较多的情景,例如:

作者: 追寻1989 | 来源:发表于2019-10-22 09:33 被阅读0次

    假如obj的数据内容如下:

    const obj = {
      id: '123',
      name: 'abc',
      xxx: 'xxx'
    }
    

    原来的写法:

    const id1 = obj.id
    const name1 = obj.name
    const xxx1 = obj.xxx
    console.log(id1, name1, xxx1)
    

    对象解构写法:

    const 或 let { 对象的属性名,用逗号隔开 } = 要取出属性的对象

    const { id, name, xxx } = obj
    
    // 等价于: 
    // const id = obj.id
    // const name = obj.name
    // const xxx = obj.xxx
    
    console.log(id, name, xxx)
    

    如果取出来想改名:

    { 对象原来的属性名: 起的别名 }

    const { id: myId, name: name2, xxx: y } = obj
    
    // 等价于
    // const myId = obj.id
    // const name2 = obj.name
    // const y = obj.xxx
    
    console.log(myId, name2, y)
    

    相关文章

      网友评论

          本文标题:2019-10-22 JS对象解构,适用于字段较多的情景,例如:

          本文链接:https://www.haomeiwen.com/subject/tvifvctx.html