对象解构赋值

柔情只为你懂 2022-05-25 10:28 349阅读 0赞

先赋值看看：

< script>

let {abc:test1,def:test2} ={abc: “first”,def: “second”}

console. log(test1)

console. log(test2)

</ script>

简化写法：

< script>

let {abc,def} ={abc: “first”,def: “second”}

console. log(abc)

console. log(def)

</ script>

在对象解构赋值中，顺序是没有影响的，我们修改上面的内容：

< script>

let {def,abc} ={abc: “first”,def: “second”}

console. log(abc)

console. log(def)

</ script>

两次返回的结果都是相同的，没有区别；

在数组解构中我们有一种情况是：左边变量的数目大于右边值的数目，那么没有解构成功的会返回undefined;

在对象结构中也是一样的：没有找到对应的值的对象属性会返回undefined;

< script>

let {sos,def} ={abc: “first”,def: “second”}

console. log(sos)

console. log(def)

</ script>

对象的解构赋值也是可以设置默认值的，和数组类似;

发表评论

表情：
评论列表 （有 0 条评论，349人围观）

还没有评论，来说两句吧...

相关阅读

    相关 前端解构赋值

    概念 结构赋值是ES6的一种语法规则，旨在允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这种就称之为结构赋值。 从本质上讲这种写法属于“模式匹配”，只要等号两

    短命女短命女/ 0 赞/ 285 阅读

    相关 解构赋值

    [ES 6 : 变量的解构赋值][ES 6 _]   1. 数组的解构赋值 \[ 基本用法 \] 　　按照一定的模式从数组或者对象中取值，对变量进行赋值的过程称为解

    ゞ 浴缸里的玫瑰ゞ 浴缸里的玫瑰/ 0 赞/ 422 阅读

    相关 变量的解构赋值 - 对象篇

    上次讲了数组的解构赋值，这次来看下对象的解构赋值 对象的解构和数组不同之处在于，数组的元素是按次序排列的，变量的取值是由位置决定的，而对象的属性没有次序，变量必须与属性同名才

    左手的ㄟ右手左手的ㄟ右手/ 0 赞/ 522 阅读