js中定义map,js中map方法的使用,js 自带的 map() 方法全面了解

js中定义map,js中map方法的使用,js 自带的 map() 方法全面了解

下面全面了解一下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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: