js中map的使⽤⽅法
map在js中的功能相当强⼤，故整理此⽂加深记忆。
javascript全局数组⼀、概念
map()⽅法定义在JavaScript的Array中，它返回⼀个新的数组，新返回数组中的每个元素为原始数组的每⼀个元素分别调⽤map中的回调函数处理后的值。
注意：
map()不会对空数组进⾏检测
map()不会改变原始数组（返回新数组）
map()不会为数组中缺少的元素调⽤回调函数
除数组对象外，map()可由具有length属性且具有已按数字编制索引名的任何对象使⽤（如字符串对象）
⼆、语法
array.map(function(currentValue, index, arr), thisIndex)
参数说明：
function(currentValue, index, arr)：必须。为⼀个回调函数，数组中的每个元素都会执⾏这个函数。其中函数参数：
1. currentValue：必须。当前元素的的值。
2. index：可选。当前元素的索引。
3. arr：可选。当前元素属于的数组对象。
thisValue：可选。对象作为该执⾏回调时使⽤，传递给函数，⽤作"this"的值。
三、应⽤
案例⼀
var arr = [1,2,3].map(parseInt);
document.write(arr);
结果如下：
分析：
（1）原始数组为[1,2,3]，回调函数为parseInt()⽅法，返回的新数组为arr；
（2）作为回调函数，parseInt()被传递了三个参数：currentValue, index, arr；
（3）parseInt（string，radix）函数可解析⼀个字符串，并返回⼀个整数，即将string解析为以radix为基准的有符号整数。其中：
string：必需。要被解析的字符串。
radix：可选。表⽰要解析的数字的基数。该值介于 2 ~ 36 之间。如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或 “0X” 开头，将以 16 为基数。如果该参数⼩于 2 或者⼤于 36，则 parseInt() 将返回 NaN。当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。（如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为⼗六进制的整数。如果 string 以 0 开头，那么 ECMAScript v3 允许parseInt() 的⼀个实现把其后的字符解析为⼋进制或⼗六进制的数字。如果 string 以 1 ~ 9 的数字开头，parseInt()将把它解析为⼗进制的整数。）
a、只有字符串中的第⼀个数字会被返回；
b、如果字符串的第⼀个字符不能被转换为数字，那么 parseFloat() 会返回 NaN；
（4）根据map的概念：分别对数组的每⼀个元素调⽤回调函数，则：
arr = [1,2,3].map(parseInt) = [parseInt(1,0),parseInt(2,1),parseInt(3,2)] = [1,NaN,NaN]；
关于parseInt(3,2) = NaN的解释：
parseInt(string，radix) ⽅法规定 radix的值应该⼤于等于2或者⼩于36，即介于2~36之间。
a、parseInt(3,2)满⾜radix介于2~36之间的条件；
b、由于radix=2是作为基数，要将字符串3转换为基数为2的整数，基数为2的数中仅包含0、1、2三个数，3不在基数为2的          数中，因此parseInt(3,2)  = NaN。
案例⼆
var arr = [1,1,1,1].map(parseInt);
document.write(arr);
结果如下：
分析：
var arr = [1,1,1,1].map(parseInt) = [parseInt(1,0),parseInt(1,1),parseInt(1,2),parseInt(1,3)] = [1,NaN,1,1];
parseInt(1,1)中radix参数⼩于2，因此返回NaN。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。