让代码更优雅之解构赋值、扩展操作符

本文详细介绍了JavaScript中的解构赋值,包括数组解构、对象解构和字符串解构,强调了解构赋值在简化代码和提高可读性上的优势。同时,探讨了扩展操作符的使用,如获取数组部分项和收集函数参数,以及其与rest运算符的关系和应用。
摘要由CSDN通过智能技术生成

为了加深对解构赋值和扩展操作符概念的理解,今天随我来归纳总结一番
沉迷、沉迷。。。

解构赋值

解构赋值可以快速的取得数组或对象中的元素或属性

1. 数组解构

1.1 基本变量赋值

let array = [1, 3, 4];
let [a, b, c] = array;
console.log(a); //1
console.log(b); //3
console.log(c); //4

再来看看传统方式赋值

let foo = [4, 8, 0];
let a = foo[0];
let b = foo[1];
let c = foo[2];

注意:两种方式相比之下,解构的方式代码量是不是少很多呢,看起来更简洁呢

1.2 交换变量

let foo =
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值