ES6中使用map和parseInt獲取對(duì)應(yīng)值并返回
在JavaScript的ES6中,我們可以使用map()方法結(jié)合parseInt來(lái)將數(shù)組中的字符串?dāng)?shù)值轉(zhuǎn)換成實(shí)際的數(shù)值。下面通過(guò)一個(gè)實(shí)例來(lái)說(shuō)明map()和parseInt的用法。第一步:聲明并賦值數(shù)組
在JavaScript的ES6中,我們可以使用map()方法結(jié)合parseInt來(lái)將數(shù)組中的字符串?dāng)?shù)值轉(zhuǎn)換成實(shí)際的數(shù)值。下面通過(guò)一個(gè)實(shí)例來(lái)說(shuō)明map()和parseInt的用法。
第一步:聲明并賦值數(shù)組
在已新建的JavaScript文件中,首先聲明一個(gè)數(shù)組a0,并給它賦值。示例如下:
```javascript
let a0 ['1', '2', '3', '4', '5'];
```
第二步:使用map()方法和parseInt轉(zhuǎn)換數(shù)值
我們調(diào)用map()方法來(lái)操作數(shù)組a0,并傳入parseInt作為參數(shù)。使用變量d0來(lái)接收轉(zhuǎn)換后的結(jié)果。示例如下:
```javascript
let d0 (parseInt);
```
第三步:運(yùn)行代碼并查看結(jié)果
保存代碼并使用Node.js來(lái)運(yùn)行應(yīng)用。然而,當(dāng)我們運(yùn)行代碼時(shí),會(huì)發(fā)現(xiàn)出現(xiàn)了報(bào)錯(cuò)。原因是在parseInt的使用上出現(xiàn)了問(wèn)題。示例如下:
```javascript
// 錯(cuò)誤示例
[1, NaN, NaN, NaN, NaN]
```
第四步:修正map()中的使用
檢查代碼后發(fā)現(xiàn),在map()方法使用parseInt時(shí),不需要加小括號(hào)。修正后的示例如下:
```javascript
let d0 ((x) > parseInt(x));
```
第五步:再次運(yùn)行代碼并查看結(jié)果
再次保存代碼并直接運(yùn)行,我們可以發(fā)現(xiàn)第二個(gè)和第三個(gè)元素顯示的都是NaN。這是因?yàn)閜arseInt在解析非數(shù)字字符時(shí)會(huì)返回NaN。示例如下:
```javascript
[1, NaN, NaN, 4, 5]
```
第六步:添加非數(shù)值類型元素并查看結(jié)果
我們?cè)俅涡薷臄?shù)組a0,添加一些非數(shù)值類型的元素,并保存運(yùn)行代碼來(lái)查看結(jié)果。示例如下:
```javascript
let a0 ['1', '2', '3', 'hello', '5'];
let d0 ((x) > parseInt(x));
console.log(d0);
```
運(yùn)行結(jié)果如下:
```javascript
[1, 2, 3, NaN, 5]
```
通過(guò)以上實(shí)例,我們可以看到在JavaScript的ES6中,使用map()方法結(jié)合parseInt可以將數(shù)組中的字符串?dāng)?shù)值轉(zhuǎn)換成對(duì)應(yīng)的實(shí)際數(shù)值,并且在解析非數(shù)字字符時(shí)會(huì)返回NaN。這對(duì)于處理數(shù)組中的數(shù)值類型非常有用。