亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Javascript 解構(gòu)賦值詳情

 更新時(shí)間：2021年11月15日 08:28:40   作者：劉志軍  
這篇文章主要介紹了Javascript 解構(gòu)賦值詳情，解構(gòu)賦值是ES6中的特性，可以將對(duì)象或數(shù)組中的值同時(shí)賦值給多個(gè)變量。西阿棉一起來(lái)看看詳細(xì)內(nèi)容吧,需要的朋友可以參考下

1、數(shù)組解構(gòu)

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

除了數(shù)組，任何可迭代的對(duì)象都支持被解構(gòu)， 例如字符串

let [first, second] = "he"

console.log(first, second) // h e

2、對(duì)象解構(gòu)

賦值右側(cè)是對(duì)象，左側(cè)是包含在花括號(hào)內(nèi)逗號(hào)隔開的變量名

let {a, b, c} = {a:1, b:2, c:3}
console.log(a,b,c) // 1 2 3

左側(cè)的變量名需要和對(duì)象中的屬性名相同，如果對(duì)應(yīng)不上的話，左側(cè)的變量名將被賦值為undefined。例如：

let {a,b, d} = {a:1, b:2, c:3}
console.log(a,b,d) // 1 2 undefined

如果變量名與屬性名不一樣，可以用冒號(hào)分隔符將屬性名賦值給變量名

例如:

let {a,b, c:d} = {a:1, b:2, c:3}
console.log(a,b,d) // 1 2 3

3、不完全解構(gòu)

解構(gòu)賦值左側(cè)變量個(gè)數(shù)可以不等于右側(cè)數(shù)組中元素的個(gè)數(shù)

(1)左側(cè)多余的變量會(huì)被設(shè)置為undefined，

let [a, b, c] = [1, 2]

console.log(a, b, c) // 1 2 undefined

(2)右側(cè)多余的值將被直接忽略

let [a, b, c] = [1, 2, 3, 4]

console.log(a, b, c)  // 1 2 3

(3)左側(cè)可以用逗號(hào)跳過(guò)某些值

let [a, , c] = [1, 2, 3, 4]

console.log(a, c)  // 1 3

(4)右側(cè)多余的值可以通過(guò)...收集到一個(gè)變量中

let [a, b, ...c] = [1, 2, 3, 4]

console.log(a, b, c)  // 1 2 [3, 4]

4、用解構(gòu)賦值實(shí)現(xiàn)變量交換

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

到此這篇關(guān)于Javascript 解構(gòu)賦值詳情的文章就介紹到這了,更多相關(guān)Javascript 解構(gòu)賦值內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論