---
id: map-traversal-traps
title: Map遍历数字的陷阱
sidebar_label: map遍历数字的陷阱
description: Map遍历数字的陷阱,['1','2','3'].map(parseInt)的返回值是什么？
---

# ['1','2','3'].map(parseInt)的返回值

 > **先说结果：其运行的结果是: [1, NAN, NAN]**

## map方法

`map()`方法会创建一个新数组，其结果是该数组中的每个元素都调用一个提供的回调函数的返回值

```JavaScript
let arr = [ 1, 2, 3 ];

arr.map ( ( item, index, arr ) => item ) // 1, 2, 3 [ 1, 2, 3 ]
```

该函数接收三个参数：当前项, 下标索引, 操作的数组

## parsetInt方法

`parseInt()` 是用来解析字符串，使字符串成为指定基数的整数，parseInt的基本语法:

`parseInt(string, radix)`

**接收两个参数，第一个表示被处理的值（字符串），第二个表示为解析时的基数。radix是一个介于2-36之间的整数，返回解析后的整数值。 如果被解析参数的第一个字符无法被转化成数值类型，则返回 NaN**

```JavaScript
praseInt('111') // 111

parseInt('111', 0) // 111 

// radix为0时，且string参数不以"0x"和"0"开头时，按照10为基数处理

parseInt('111', 1) // NaN 【2 <= radix <= 36】

parseInt('111', 2) // 7
```

## 结论

当运行 `[1, 2, 3].map(parseInt)` 上时实际上运行的是：

```JavaScript
['1', '2', '3'],map( parseInt('1', 0)); // radix为0时，使用默认的10进制。

['1', '2', '3'],map( parseInt('2', 0)); // radix值在2-36，无法解析，返回NaN

['1', '2', '3'],map( parseInt('3', 0)); // 基数为2，2进制数表示的数中，最大值小于3，无法解析，返回NaN

map函数返回的是一个数组，所以最后结果为[1, NaN, NaN]
```