下面全面了解一下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()方法的全面理解是边肖分享的全部内容。希望给大家一个参考,多多支持我们。