欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 名人名企 > javascript-es6(三)

javascript-es6(三)

2025/2/8 7:25:24 来源:https://blog.csdn.net/2301_80115241/article/details/145404265  浏览:    关键词:javascript-es6(三)

解构赋值

解构赋值是一种快速为变量赋值的简洁语法,本质上仍然是为变量赋值

数组解构

数组解构是将数组的单元值快速批量赋值给一系列变量的简洁语法

基本语法:
1. 赋值运算符 = 左侧的 [] 用于批量声明变量,右侧数组的单元值将被赋值给左侧的变量
2. 变量的顺序对应数组单元值的位置依次进行赋值操作
​
//同时将数组单元值 100 60 80 依次赋值给变量 max min avg
const [max,min,avg] = [100,60,80]
console.log(max)  //最大值 100
console.log(min)  //最小值 60
console.log(avg)  //平均值 80​
基本语法:典型应用交互2个变量
 
let a = 1
let b = 2;   //注意这边一定要有 分号
[b,a] = [a,b]
console.log(a)  //2
console.log(b)  //1
js 前面必须加分号情况有:
1.立即执行函数
(function fn() {} )();
//或则
;(function fn() {} )()
2.数组结构
数组开头的,特别是前面有语句的 别忘记加 分号
let a = 1
let b = 2
;[b,a] = [a,b]
变量多 单元值少的情况:
变量的数量大于单元值数量时,多余的变量将被赋值为 undefined
const [a,b,c,d] = ['小帅','小美','小刚']
console.log(a,b,c,d)  //小帅 小美 小刚 undefined

变量少 单元值多的情况:

对象解构

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com