JavaScript中數(shù)組元素默認(rèn)值控制方法詳解
在ES6中,我們可以利用如下方式定義一個(gè)數(shù)組或變量,并給其元素添加默認(rèn)值。當(dāng)沒(méi)有確定的值時(shí),該變量會(huì)打印出undefined。若左側(cè)為默認(rèn)值undefined,右側(cè)有確定值時(shí),則變量將取該確定值。下面
在ES6中,我們可以利用如下方式定義一個(gè)數(shù)組或變量,并給其元素添加默認(rèn)值。當(dāng)沒(méi)有確定的值時(shí),該變量會(huì)打印出undefined。若左側(cè)為默認(rèn)值undefined,右側(cè)有確定值時(shí),則變量將取該確定值。下面通過(guò)實(shí)例來(lái)說(shuō)明這一操作步驟:
第一步:定義變量并賦默認(rèn)值
在新建的JavaScript文件中,定義一個(gè)變量yd,采用類似數(shù)組的方式進(jìn)行賦值,示例如下:
```javascript
let yd [];
```
第二步:查看變量結(jié)果
由于第一步中的變量yd右側(cè)沒(méi)有給定確定值,所以打印結(jié)果為undefined,代碼如下:
```javascript
console.log(yd);
```
第三步:設(shè)置默認(rèn)值和確定值
接著再定義一個(gè)變量one,默認(rèn)值為undefined,右側(cè)給定確定值12,代碼如下:
```javascript
let one undefined || 12;
```
第四步:驗(yàn)證結(jié)果
保存代碼并打開(kāi)瀏覽器控制臺(tái),查看打印結(jié)果為12,說(shuō)明右側(cè)確定值覆蓋了默認(rèn)值,代碼如下:
```javascript
console.log(one);
```
第五步:默認(rèn)值覆蓋賦值
如果在定義變量時(shí)默認(rèn)值為確定值,而右側(cè)賦值卻為undefined,示例如下:
```javascript
let num 10 || undefined;
```
第六步:觀察輸出結(jié)果
保存頁(yè)面并查看打印結(jié)果,發(fā)現(xiàn)默認(rèn)值覆蓋了右側(cè)的賦值,即確定值會(huì)將undefined覆蓋掉,代碼如下:
```javascript
console.log(num);
```
通過(guò)以上實(shí)例演示,我們可以清晰地掌握如何利用JavaScript中的方法來(lái)控制數(shù)組元素的默認(rèn)值,讓代碼更加靈活和高效。