js 自带的 map() 方法
2017-05-19 00:00
477 查看
js 自带的 map() 方法
1. 方法概述map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。
2. 例子
2.1 在字符串中使用map
在一个
String上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组:
var map = Array.prototype.map var a = map.call("Hello World", function(x) { return x.charCodeAt(0); }) // a的值为[72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100]
2.2 易犯错误
通常情况下,
map方法中的
callback函数只需要接受一个参数(很多时候,自定义的函数形参只有一个),就是正在被遍历的数组元素本身。
但这并不意味着
map只给
callback传了一个参数(会传递3个参数)。这个思维惯性可能会让我们犯一个很容易犯的错误。
// 下面的语句返回什么呢: ["1", "2", "3"].map(parseInt); // 你可能觉的会是[1, 2, 3] // 但实际的结果是 [1, NaN, NaN] // 通常使用parseInt时,只需要传递一个参数.但实际上,parseInt可以有两个参数.第二个参数是进制数.可以通过语句"alert(parseInt.length)===2"来验证. // map方法在调用callback函数时,会给它传递三个参数:当前正在遍历的元素, 元素索引, 原数组本身. // 第三个参数parseInt会忽视, 但第二个参数不会,也就是说,parseInt把传过来的索引值当成进制数来使用.从而返回了NaN. /* //应该使用如下的用户函数returnInt function returnInt(element){ return parseInt(element,10); } ["1", "2", "3"].map(returnInt); // 返回[1,2,3] */
转载,侵立删
相关文章推荐
- js 自带的 map() 方法全面了解
- js 自带的 map() 方法
- js 自带的 map() 方法全面了解
- js 自带的 map() 方法
- js 自带的 map() 方法
- js 自带的 map() 方法
- js 自带的 map() 方法
- js 自带的 filter()方法
- js实现的map方法示例代码
- node js之 将map类型转换为Json, 网上别用你那固定key的方法敷衍大家了。
- js 自带的 reduce() 方法
- 网上找到的js实现Map的方法
- bootstrap在使用中的样式问题(自带的前台js分页和自己编写的后台分页方法)
- js自带的方法
- js中遍历Map对象的方法
- swiper.min.js.map在chrome下访问时404的解决方法
- JS中的forEach、$.each、map方法推荐
- js实现的map方法
- JS中的forEach、$.each、map方法
- javascript新版本自带去空格方法, js去空格,javascript去空格