数组和对象的解构赋值

本文介绍了ES6的解构赋值特性,详细讲解了数组和对象的解构赋值,包括正常解构、不成功解构、不完全解构以及模式不匹配的情况,并通过实例演示了各种解构赋值的效果,揭示了解构赋值的内部机制。
摘要由CSDN通过智能技术生成


一、什么是解构赋值?

ES6允许使用按照一定的模式,从数组或者对象中进行取值,对变量进行赋值,这个过程叫做解构赋值。


二、数组的解构赋值

通常我们给变量赋值都是声明一个变量,然后赋值。ES6提供了一种解构赋值,下面是具体的实例:

2.1正常解构

实例1:

<script>
	 //这是通常情况下给变量赋值
     // var a = 1; 
     // var b = 2; 
     // var c = 3;

     // var a = 1, b = 2, c = 3;
	 //这是数组中的解构赋值
     let [a, b, c] = [1, 2, 3];
     console.log(a, b, c);
</script>

浏览器运行结果如下:
在这里插入图片描述
实例2:

<script>
    let [ld1, [[ld2], ld3]] = [1, [[2], 3]];
    console.log(ld1, ld2, ld3) // 1 2 3
</script>

浏览器运行结果如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值