浅谈JS的解构,用好解构的这个技巧

想要用好解构首先要了解什么是解构
解构定义:允许按照一定模式,从数组和对象中提取值,对变量进行赋值。
解构必须满足的条件:(模式匹配),只要等号两边的模式相同,左边的变量就会被赋予对应的值。
主要介绍2种解构常用的类型:数组解构和对象解构。

数组解构:

如果变量a有一个值,变量b也有一个值,我们想变量的a,b的值相互调换怎么办呢

let a = 2;
let b = 5;
let c = b;
b = a;
a = c;
console.log(a, b, c);// 5 2 5 

没有用解构的话,我们需要用一个中间变量接收,然后在进行赋值,如果用解构会是怎么样呢

let a = 2;
let b = 5;
[a, b] = [b, a]
console.log(a, b); // 5 2

使用解构,可以快速的进行值的互换并且不需要中间变量的参与
接下来介绍遇到几种情况数组里面变量个数不相同的情况

1.数组中的变量个数比赋值的数组中个数少的解构:

let arr = [1,2,3,4,5];
let [a
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值