ES6基础语法之变量的结构赋值

本文详细介绍了ES6中的解构赋值语法,包括数组、对象、字符串、数值和布尔值以及函数参数的解构赋值。解构赋值允许我们方便地从数组或对象中提取值,分配给不同的变量。对于数组,它基于位置匹配赋值,支持默认值;对象解构则依赖于属性名称,可以设置默认值,并支持嵌套结构。字符串的解构实际上是将其转换为类似数组的对象。数值和布尔值在解构时会被转化为对象。最后,函数参数的解构赋值使我们可以直接对参数进行模式匹配,简化代码。
摘要由CSDN通过智能技术生成

一、解构赋值

解构赋值语法是一个 Javascript 表达式,这使得可以将值从数组属性从对象提取到不同的变量中。

二、数组的解构赋值

1、基本介绍

let [a, b, c] = [1, 2, 3] 等价于 let a = 1;let b = 2;let c = 3;
这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。如果解构不成功,变量的值就等于undefined。

示例:

    let [foo, [[bar], baz]] = [1, [[2], 3]];
    let [ , , third] = ["foo", "bar", "baz"];
    let [x, , y] = [1, 2, 3];
    let [head, ...tail] = [1, 2, 3, 4];
    let [a, b, ...z] = ['a'];

2、默认值

let [foo = true] = [];     //foo : true
let [x, y = 'b'] = ['a']         //x='a', y='b'

注意

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值