下面全面了解一下js自带的map()方法。我觉得边肖挺好的。我现在就分享给你，给你一个参考。来和边肖一起看看吧。

1. 方法概述

map()方法在调用指定方法后返回一个新数组，该数组由原始数组中每个元素的返回值组成。

2. 例子

2.1 在字符串中使用map

对字符串使用map方法可以获得对应于字符串中每个字符的ASCII代码数组：

var map=Array.prototype.map

var a=map.call('Hello World '，function(x){ return x . charcode at(0)；})

//a的值是[72，101，108，108，111，32，87，111，114，108，100]

2.2 易犯错误

通常map方法中的回调函数只需要接受一个参数(很多情况下只有一个自定义函数参数)，就是被遍历的数组元素本身。

但这并不意味着map只传递一个参数给callback(它会传递三个参数)。这种思维惯性可能会让我们犯一个容易犯的错误。

//下面的语句返回什么：

['1', '2', '3'].map(parse int)；

//你可能觉得会是[1，2，3]

//但实际结果是[1，NaN，NaN]

//通常使用parseInt时，只需要传递一个参数。但实际上parseInt可以有两个参数。第二个参数是十进制数。这可以通过语句“alert (Parseint.length)==2”来验证。

//当map方法调用回调函数时，会给它传递三个参数：当前遍历的元素、元素索引、原数组本身。

//第三个参数parseInt会被忽略，但第二个参数不会。也就是说parseInt将传递的索引值作为十进制数，从而返回NaN。

/*

//应该使用以下用户函数returnInt

函数returnInt(element){

返回parseInt(element，10)；

}

['1', '2', '3'].map(return int)；

//Return [1，2，3]

*/

参考 ：https://developer . Mozilla . org/zh-CN/docs/Web/JavaScript/Reference/Global _ Objects/Array/map

对这个js自带的map()方法的全面理解是边肖分享的全部内容。希望给大家一个参考，多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。