javascript Array系列函数之13：map函数

JavaScript数组map方法详解及示例
最新推荐文章于 2025-08-29 19:45:54 发布
原创 最新推荐文章于 2025-08-29 19:45:54 发布 · 888 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #开发语言

这篇博客介绍了JavaScript中的map方法，它是数组原型上的一个方法，用于对数组的每个元素执行指定函数并创建新的数组。map方法的第一个参数是一个回调函数，其返回值将构成新数组的元素。示例中展示了如何使用map方法将数组元素加1，并返回新数组。此外，还提到了map的第二个参数可以用来改变函数内部的this指向。

1、map是数组原型上的方法，Array.prototype.map

2、map 的第1个参数是函数

var newArr = arr.map(function(elem,index,array){

    return elem//函数返回值会装到newArr中

});

示例：

var arr = [1,2,3];

var newArr = arr.map(function(elem,index,array){

    elem = elem+1;

    return 1;

});

console.log(arr,'arr');

console.log(newArr,'newArr');

输出：

[1, 2, 3] 'arr'

[1, 1, 1] 'newArr'

3、map的第二个参数是改变this指向，选填的参数

介绍JavaScript中的函数式编程：基础理论和实际运用 Understanding Functional Programming Concepts in JavaScript
AI天才研究院
07-28 1234
函数式编程（functional programming）是一种编程范式，它将计算视为数学函数计算，并避免共享状态和可变数据，所有数据的变化都通过参数传递进行协调。本文作者Noah Gauss，是一名计算机科学家、工程师、创始人、软件工程师，曾任Facebook CEO、Apple Founder，还曾担任微软软件工程师。函数式编程对于开发人员来说非常重要，因为它赋予了开发人员更多的能力，使他们可以构建更好的软件产品。
JavaScript数组map方法的第二个参数thisvalue
全栈科学家的博客
01-10 1105
JavaScript数组map方法的第二个参数this.value
Array.prototype.map()详解
weixin_34377919的博客
07-05 294
　　今天在地铁上看到这样一个小例子： ["1","2","3"].map(parseInt); 　　相信很多人和我一样，觉得输出的结果是[1,2,3]。no!no!!no!!!正确的答案是[1,NaN,NaN]。当时我百思不得其解，于是到了公司之后就开始查阅资料，终于弄明白了。 　　我们先来介绍一下map()方法： 　　概述： 　　map()方法返回一个由原数组中的每个元素调用一...
了解Array.prototype.map()
张洁慧
03-21 409
在codewar上做一道难度最简单的题，也能得到以往没学过的知识点，这次的这道题，引出了几个知识点，其中一个是Array.from()。 题目是这样的： 意思是：给出一个非负的数字，返回一个独立的倒序数组。 我给出的解决方法是： functiondigitize(n){ //code herevar arr2=[]; var arr = String(n).split
python map函数参数_Python map()函数
weixin_31119281的博客
03-01 2789
描述map函数是Python的内置函数。它会根据指定的函数对指定的序列做映射。第一个参数function以参数序列中的每一个元素调用function函数，返回每次掉用完function返回值后的迭代序列。语法map(function, iterable)使用示例1. Python内置函数，列表做参>>> list(map(int, [2.34, 13.2, 73]))[2, 13...
js map()方法
qq_42880714的博客
02-27 961
map() map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组（按照原始数组元素顺序依次处理元素）。 map() 不会对空数组进行检测。 map() 不会改变原始数组。 语法 array.map(function(currentValue,index,arr), thisValue) map的回调函数中的参数说明： 第一个参数是必须的，也就是正在遍历元素的值；...
javascript-array-practice:是否想学习如何使用JavaScript数组函数，例如map，reduce，filter等？
03-29
我想学习如何使用JavaScript数组函数，例如map，reduce，filter等。 我用这个工作表来弄清楚怎么做！ 样本数据 这是来自《的《星际大战》数据样本。 const characters = [ { name: 'Luke Skywalker', height: '...
Array的高阶函数：map、reduce、filter、sort，every，find，findIndex，forEach
zz2230633069的博客
08-26 920
map函数： 小写，和之前的Map数据类型不一样，这个是函数。map()方法定义在JavaScript的Array中，我们调用Array的map()方法，传入我们自己的函数，就得到了一个新的Array作为结果： 'use strict'; function pow(x) { return x * x; } var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var results = arr.map(pow); // 返回平方[1, 4, 9, 16, 25, 36
TypeScript：map和set函数
最新发布
2401_87008233的博客
08-29 643
摘要：本文对比了TypeScript中的map()函数和Set数据结构。map()是数组的高阶方法，通过回调函数转换元素生成新数组，保持类型安全和不可变性。Set是存储唯一值的数据结构，提供快速查找和去重功能。两者关键区别在于：map()用于数组转换；Set用于值存储。TypeScript通过泛型和类型注解增强二者的类型安全性，推荐显式定义类型以提高代码健壮性。map()适合数据处理，Set适用于去重和成员检查场景。
JavaScript Array map.docx
03-02
在JavaScript中，`Array.prototype.map()` 是一种非常实用的方法，用于创建一个新数组，其结果是调用提供的函数处理原数组的每一个元素。此方法不改变原数组，而是返回一个新的数组。 #### 二、基本用法与定义 `...
Array.prototype.map() 、 Array.prototype.reduce()、Array.prototype.filter()
yleave的博客
11-23 277
文章目录1. map2. reduce3. filter 1. map   map 函数接收一个回调函数作为参数，然后返回一个数组，这个数组中的每个元素都是调用回调函数后返回的结果。如： function pow(x) { return x * x; } var arr = [1, 2, 3, 4, 5]; var results = arr.map(pow); console.log(...
52 Array.prototype.map() 和 parseInt 联合使用
m0_49788155的博客
01-05 405
52 Array.prototype.map() 和 parseInt 联合使用 有数组 array let array = ["1", "3", "5", "2", "6", "4"] 使用数组的 map() let newArray = array.map(parseInt) 打印 newArray console.log(newArray) parseInt 的作用是将字符型变为数值型，预期打印的结果是 [1 ,3, 5, 2, 6, 4] 但是实际的打印结果是 [1, NaN, NaN, 2
js 自带的 map() 方法
03-04 1480
方法概述 map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。 例子 2.1 在字符串中使用map 在一个 String 上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组： var map = Array.prototype.map var a = map.call("Hello World", function(x) { ret...
Array.prototype.map()
dianliaoxiao3638的博客
05-10 139
mdn上解释的特别详细 概述 map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。 语法 array.map(callback[,thisArg]) 参数 callback原数组中的元素经过该方法后返回一个新的元素。currentValuecallback的第一个参数，数组中当前被传递的元素。indexcallback的第二个参数，数组中...
学习python第十一节课：函数（三）
tong_ge的博客
11-18 1656
文章目录一、 匿名函数（lambda表达式）1.1 lambda的应用场景1.2 lambda语法快速入门1.3 示例：计算a + b1.3.1 函数实现1.3.2 lambda实现1.4 lambda的参数形式1.4.1.无参数1.4.2.一个参数1.4.3.默认参数1.4.4.可变参数：*args1.4.5.可变参数：**kwargs1.5 lambda的应用1.5.1. 带判断的lambda1.5.2. 列表数据按字典key的值排序二、 高阶函数2.1 体验高阶函数2.2 内置高阶函数2.2.1 ma
浅谈Array.prototype.map()方法this指向
s1594217816的博客
02-19 915
官方给的解释： **map()** 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。 代码示例： let arr = [1,2,3]; let obj = { a:1 } arr.map((val, index ,arr) => { console.log(val) // 当前值 console.log(index) // 当前索引 console.log(arr) // 遍历的数组 }) 语法： var new_array = arr.map(f
Python中的map()函数
W_chuanqi的博客
04-13 1613
一、map函数 描述 map在这里不是地图的意思，在编程领域，map一般作“映射”来解释。 map函数也有两个参数，第一个参数为函数，第二个参数为可迭代对象。第一个参数 function 以参数序列中的每一个元素调用 function 函数，返回包含每次 function 函数返回值的新列表。 语法 map(function, iterable, ...) 参数 function -- 函数 iterable -- 一个或多个序列 返回值 Python 2.x 返回列表。 Pyth
学习笔记之Array.prototype.map()方法
ONE0101的博客
09-28 496
Array.prototype.map() 作用： 它会把调用这个方法的数组(arr)中的每一个元素逐个作为参数传递给你所指定的回调函数(callback)中，并且将得到的结果按顺序逐个的放在一个数组中作为返回值返回 (因此不会改变原数组的值) 语法： var arr = arr.map(function callback(currentValue, index, array) { ...
深入理解 Array.prototype.map()
weixin_30810583的博客
07-02 516
概述： 　　map()方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组，它不会改变原来的数组。 　　语法： 　　let newArr = oldArr.map(callback[, thisArg]) 参数： 　　callback 　　　　原数组中的元素调用该方法后返回一个新数组。它接收三个参数，分别为 currentValue、index、array。 　　　...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值