JavaScript Array.map + parseInt

map

• 生成新数组的函数,3个参数
• 1-currentValue, callback数组中正在处理的当前元素
• 2-index(可选): callback数组中正在处理的当前元素的索引
• 3-array(可选): map方法调用的数组

/**
 * 语法:
 * var new_array = arr.map(function callback(currentValue[,index[,array]]){
 *  // return element for new_array
 * }[,thisArg])
 */
/**
 * callback: 生成新数组元素的函数,3个参数
 *    1-currentValue, callback数组中正在处理的当前元素
 *    2-index(可选): callback数组中正在处理的当前元素的索引
 *    3-array(可选): map方法调用的数组
 *
 * thisArg: 可选-执行callback函数时值被作用做this
 *
 */

var numbers = [1, 4, 9]
var double = numbers.map(x => x * 2)
console.info(double)

/**
 * 通常情况下，map 方法中的 callback 函数只需要接受一个参数，就是正在被遍历的数组元素本身。
 * 但这并不意味着 map 只给 callback 传了一个参数。这个思维惯性可能会让我们犯一个很容易犯的错误。
 */

// 🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀 
const newIntArray = ["1", "2", "3"].map(parseInt)
console.info(newIntArray) // [ 1, NaN, NaN ]
// parseInt 经常被带着一个参数使用, 但是这里接受两个：
//  第一个参数是一个是表达式,第二个是callback function
// .map传递3个, element,index,array
// 第3个参数array被忽视了，但index没有被忽略
// 所以解析过程是
/**
 * parseInt(string, radix)   将一个字符串 string 转换为 radix 进制的整数， radix 为介于2-36之间的数。
 * 格式为: parseInt(string,radix) -> map(parseInt(value,index))
 * step 0: parseInt("1",0) // 1 <= //radix为0时,且string参数不以“0x”和“0”开头时，按照10为基数处理。这个时候返回1
 * step 1: parseInt("2",1) // NaN
 * step 2: parseInt("3",2) // NaN
 */

const newIntArrayWithNumber = ["1.2", "2.3", "3.4"].map(num => parseInt(num, 10))
console.info(newIntArrayWithNumber) // [ 1, 2, 3 ]