数组方法map有返回值么（javascript 数组map 方法）



本篇文章将给大家介绍关于处理数组数据的map()方法的用法以及map()方法与foreach语句的区别，内容很详细，下面我们来看具体的内容。

首先我们来看一下map()的基本语法

Map是用于数组数据的方法，可以为每个元素执行“回调函数” 并将结果作为新数组返回。

换句话说，通过在此函数中编写要执行的进程，您可以对数组的每个元素执行任何操作！

立即学习“Java免费学习笔记（深入）”；

如何使用map方法迭代数组？

以下示例是对包含数字数据的数组使用map方法的示例

在该示例中，对于数值“1到5”的数组用回调函数执行对每个元素进行加倍的处理。

出于这个原因，我们分配一个数组，其结果翻2倍作为“result ”的返回值，因此可以看到输出结果都变成了其本身的2倍。

最初，它都是使用for语句或while语句编写循环，但使用map非常方便，因为它可以通过一个非常简单的程序来实现！

在JavaScript中还有一个与map()方法用法类似的reduce()方法，关于reduce()方法可以参考这篇文章：JavaScript中的reduce如何使用

关于reduce()和map()方法的区别可以参考这篇文章：JavaScript中map()和reduce()有什么区别

map()与forEach语句的区别？

map()类似于forEach语句，它可以以相同的方式操作数组。

输出结果是一样的都为

正如您在此示例中看到的，forEach和map获得的结果是相同的。

那么，它们有什么不同，最大一点的不同就是是否具有返回值。

换句话说，forEach只是一种执行方法，而map在执行后将结果作为数组数据返回。

我们具体看示例

forEach：

forEach的返回值看不到。

map：

可以将数组数据作为执行结果返回。

map的回调函数

之前我们看回调函数只有一个参数，但实际上你可以用得到有三个参数！

Value是数组的值

index是数组的索引号

array是当前正在处理的数组

例如，在下面的示例中，我们将使用参数index，将index号的值为偶数的值翻倍

输出结果如下

此外，map具有不对原始数组数据进行任何更改的功能，但如果使用第三个参数array ，则还可以更改原始数据！

输出结果如下

在过去，“回调函数”被指定为“map”的第一个参数，但实际上你可以指定任意“对象”作为第二个参数！

这使得可以组合指定的数组和对象以实现更方便的编程。

例如，在下面的示例中，将食物简单对象foodList指定为map的第二个参数。

我们从对象中指定任意关键字并返回“price”。

输出结果如下

在此示例中，您可以看到关键字在数组order中设置，从中获取与对象中拥有的关键字匹配的“price”并将其作为数组返回。

以上就是JavaScript中进行数组处理的map()方法的使用方法分析的详细内容，更多请关注php中文网其它相关文章！

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/javascriptkf/14375.html