[JavaScript][‘1‘, ‘2‘, ‘3‘].map(parseInt) what & why ?

今天药忘吃喽~ 2022-11-30 01:28 145阅读 0赞

#### \[‘1’, ‘2’, ‘3’\].map(parseInt) ####

第一眼看到这个题目的时候，脑海跳出的答案是 \[1, 2, 3\]，但是**真正的答案是\[1, NaN, NaN\]。**  
首先来说一下题中出现的两个方法  
**1.array.map(function(currentValue,index,arr), thisValue)**

*  currentValue 必须。当前元素的值
 *  index 可选。当前元素的索引值
 *  arr 可选。当前元素属于的数组对象

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。  
map() 方法按照原始数组元素顺序依次处理元素。  
注意： map() 不会对空数组进行检测。  
注意： map() 不会改变原始数组。

var numbers = [4, 9, 16, 25];
    console.log(numbers.map(Math.sqrt));//2,3,4,5

**2.parseInt(string, radix)**

*  string 必需。要被解析的字符串。
 *  radix 可选。表示要解析的数字的基数(**也就是表示是多少进制**)。该值介于 2 ~ 36 之间。如果省略该参 数或其值为 0，则数字将以 10为基础来解析。如果它以 “0x” 或“0X” 开头，将以 16 为基数。 如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。

parseInt("10");			//返回 10
    parseInt("19",10);		//返回 19 (10+9)
    parseInt("11",2);		//返回 3 (2+1)
    parseInt("17",8);		//返回 15 (8+7)
    parseInt("1f",16);		//返回 31 (16+15)
    parseInt("0.3",4)         //返回 0
    parseInt("3.9",4)         //返回 3
    parseInt("4.1",4)         //返回NaN
    parseInt("010");		//未定：返回 10 或 8

**结合上面两种方法相当于将数组\[‘1’, ‘2’, ‘3’\]的currentValue,index传到了parseInt(string,radix)中相当于执行如下函数**

['1', '2', '3'].map((currentValue, index) => { 
    	return parseInt(currentValue, index)
    })

**运行情况如下：**

1.  parseInt(‘1’, 0) //radix为0时，且string参数不以“0x”和“0”开头时，按照10为基数处理。这个时候返回1
2.  parseInt(‘2’, 1) //基数为1（1进制）表示的数中，最大值小于2，所以无法解析，返回NaN
3.  parseInt(‘3’, 2) //基数为2（2进制）表示的数中，最大值小于3，所以无法解析，返回NaN

**同类型的题：**

['10','10','10','10','10'].map(parseInt);
    // [10, NaN, 2, 3, 4]
    //0默认十进制，没有一进制(参数范围2~36)所以返回NaN，后续分别是二、三、四进制下10的值

console.log(parseInt(5,4))//NaN
    //第二个参数表示是四进制数，而四进制数中一位数最大是3，没有5这个数，所以返回NaN

下面这种方法可以将小数(按去尾法)转化为十进制整数

let unary = fn => val => fn(val)//一元化
    let parse = unary(parseInt)
    //一元化之后只接收一个参数parseInt(string)而不是parseInt(string,radix)
    /* 一元化的过程可以这么理解： function test(val){ return parseInt(val);//只接收2 } console.log(test(2,1))//传入2和1 */
    
    console.log(['1.1', '2', '0.3'].map(parse)) // [1, 2, 0]
    
    // 相当于
    let parse = (val) => parseInt(val)
    ['1.1', '2', '0.3'].map((item, index, arr) => { 
        return parse(item)
    })
     
    // 也就相当于
    ['1.1', '2', '0.3'].map((item, index, arr) => { 
        return parseInt(item)  // 只指定了一个参数，因此返回1，2，0
    })
    
    console.log(['1.1', '2', '0.9'].map(parseInt)) //如果不做处理返回的是[1, NaN, 0]