美文网首页
vue.js 结构赋值--对象

vue.js 结构赋值--对象

作者: 阿飞666666 | 来源:发表于2020-05-29 18:38 被阅读0次

(一)对象解构赋值
1.等号左边与右边必须都是数组,数组的解构赋值要一对应,如果对应不上的话就是underfind

<!DOCTYPE html>

 <html>

<head>

    <meta charset="utf-8">

    <title></title>

</head>

<body>

    <script>
    
    var obj ={
        id : 1,
        name:'张三',
        age: 30,
        languagr: ['html','css','js'],
        study: function(){
            console.log("学习方法")
    }
    }
        let {id,name,age,languagr,study} = obj
        console.log(id,name,age,languagr,study)
        
        //注意:如果变量之前以及声明了,再次赋值的时候不能加let并且整个赋值语句用小括号包裹起来,已防止程序识别成作用域
        ({id,name,age,languagr,study} = obj)
    </script>
</body>

 </html>

参考资料:https://www.51zxw.com/

相关文章

  • vue.js 结构赋值--对象

    (一)对象解构赋值1.等号左边与右边必须都是数组,数组的解构赋值要一对应,如果对应不上的话就是underfind ...

  • [解构赋值-02] 对象的解构赋值

    对象的结构赋值与数组的结构赋值相似,等号左右两边都为对象结构 const {a,b} = {a:1,b:2}, ...

  • ES6语法--解构赋值

    什么是解构赋值? 左边一种结构,右面一种结构,左右分别赋值。 分类: 数组解构赋值,对象结构赋值,字符串解构赋值,...

  • ES6变量的结构赋值19-10-16

    1.理解:从对象或数组中提取数据,并赋值给变量(多个) 1.对象的结构赋值 2.数组的结构赋值

  • 解构赋值

    1 数组的解构赋值 2 对象的解构赋值 3 奇葩结构的解构赋值 对于数组而言 最要两边结构相同也适用解构赋值

  • vue.js 结构赋值--数组

    (一)解构赋值1.按照一定的模式,从数组或者对象中把数组拿出来,对变量进行赋值数组结构赋值2.等号左边与右边必须都...

  • 字符串、解构赋值

    字符串 解构赋值 数组的结构赋值 对象的解构赋值 伪数组变真数组方法

  • ES6基础教程(第二节)——解构赋值

    es6在给对象赋值方面运用了一个新功能,称为解构赋值,以下是从数组的解构赋值,对象的解构赋值,字符串的结构赋值,以...

  • ES6 结构赋值

    对象的解构赋值2.1 嵌套结构的对象 注意,这时p是模式,不是变量,因此不会被赋值。如果p也要作为变量赋值,可以写...

  • 对象的解构赋值&函数参数的默认值

    对象的结构赋值 对象的解构赋值用于从一个对象取值,相当于将目标对象自身的所有可遍历的(enumerable)、但尚...

网友评论

      本文标题:vue.js 结构赋值--对象

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