JS之map函数

Dear 丶 2022-07-12 04:18 199阅读 0赞

1 在字符串中使用map

在一个 [`String`][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 易犯错误

通常情况下，`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]
    */

[String]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python进阶之map() 函数

一、前言如果你正在学习编程，那么掌握 Python中的`map`函数是你升级的机会。在我们继续之前，你需要了解什么是函数和可迭代对象：函数是执行特定任务的代码。

我不是女神ヾ/ 2023年09月27日 08:51/ 0 赞/ 15 阅读

相关 Python函数式编程之Map

map(function , sequemce)：对sequence中的item依次执行function(item)，执行结果组成一个List返回，其中function即可以是

刺骨的言语ヽ痛彻心扉/ 2022年09月02日 08:09/ 0 赞/ 157 阅读

相关 js Map

Array.prototype.remove = function(s) { for (var i = 0; i < this.length; i

青旅半醒/ 2022年08月23日 05:45/ 0 赞/ 138 阅读

相关 JS之map函数

1 在字符串中使用map 在一个 [`String`][String] 上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组： v

Dear 丶/ 2022年07月12日 04:18/ 0 赞/ 200 阅读

相关 js之函数式编程

前两天写博客时碰到了回调函数，涉及到函数式编程的概念，自己以前也没遇到过，今天有时间看了一下，随便写一下感想，希望大神指教。函数式编程说白了就是一种编程规范，或者是js编

朴灿烈づ我的快乐病毒、/ 2022年07月11日 05:46/ 0 赞/ 200 阅读

相关 Python之Map高级函数

map()函数 map()是 Python 内置的高阶函数，它接收一个函数 f 和一个 list，并通过把函数 f 依次作用在 list 的每个元素上，得到一个新的

╰半夏微凉°/ 2022年06月06日 09:37/ 0 赞/ 192 阅读

相关 JS语法之：map()方法

[MDN web docs][]上面说： > map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。并举了个例子： var

比眉伴天荒/ 2022年04月22日 19:42/ 0 赞/ 179 阅读

相关 golang实现高阶函数之map

1 package main 2 3 import "fmt" 4 5 func iMap(num []int, f fun

朱雀/ 2021年11月11日 10:10/ 0 赞/ 311 阅读

相关 JS异常函数之-箭头函数

在JS中，箭头函数可以像普通函数一样以多种方式使用。但是，它们一般用于需要匿名函数表达式，例如回调函数。下面示例显示举例箭头函数作为回调函数，尤其是对于`map()`, `

太过爱你忘了你带给我的痛/ 2021年07月26日 12:25/ 0 赞/ 451 阅读

相关 js中forEach、map、reduce、filter函数

1、forEach函数： forEach是ES5扩展的语法，可以使用他遍历数组、对象，但是在forEach中不支持continue、break关键字，forEach中可以使用

╰半橙微兮°/ 2021年06月22日 15:38/ 0 赞/ 537 阅读