HoneyMoose
  • 首页
  • Java
  • Jersey
  • Jira
  • Confluence
  • U.S.
    • USRealEstate
    • USVisaTrack
    • H1B
  • 项目和网站
    • CWIKI.US
    • OSSEZ 社区
    • WIKI.OSSEZ.COM
    • BUG.OSSEZ.COM
    • RSS.OSSEZ.COM
BLOG.OSSEZ.COM
A responsive blog theme focused om user reading experience
  1. Home
  2. Computer Science
  3. This article

JavaScript 中 Array map() 方法

2021年09月11日 449Browse 0Like 0Comments

考察下面的一个实例:

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

在上面的方法中,返回了一个对数组 map 后的结果。

方法解读

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

map() 不会对空数组进行检测,map() 也不会改变原始数组。

从理解的角度来说就是 map() 方法会对原数组中的方法进行一次遍历,在遍历的时候,每次会取出原数组中的值,然后将取出来的值进行计算。

 

mapper-illustration_ocnina

 

如何进行计算,取决于 map 函数内定义的方法,如果上面的示例,使用的是箭头表达式来进行计算的,如果你对箭头表达式还不太清楚的话,请参考相关文章。

当然,我们还可以在 map 中定义一个函数,例如下面的代码:

const numbers = [65, 44, 12, 4];
const newArr = numbers.map(myFunction)

function myFunction(num) {
  return num * 10;
}

针对上面的这个代码就是在 map 方法执行的时候,将会从原始数组 numbers 内取得一个值(value),然后把这个值作为参数传递给 myFunction 这个函数。

myFunction 进行计算后,将返回的值填充回需要返回的数组中已经取出来的的值所对应的位置。

针对这个方法,我们只需要知道,需要对输入数组中的每一个只进行函数定义中的运算即可。

 

https://www.ossez.com/t/javascript-array-map/13692

Tags: None
Last updated:2021年09月11日

Kratos

stay absorbed stay excellent

Like
< Previous
Next >

Comments

Cancel reply

Newest Hotspots Random
Newest Hotspots Random
IntelliJ IDEA 2023.1 版本添加了包中类的列表功能 Jenkins 修改启动的端口 Spring 项目运行提示错误 Not a managed type Linux 查看 SELinux 的状态 WordPress 网站 Error Establishing a Database Connection(建立数据库连接时出错) Linux 开启或关闭 SELinux
Confluence 6 为翻译显示用户界面的键(Key)名称 Confluence 6 访问导入页面列表的方法 联想 usb-c 扩展坞不支持双支持 2560x1440 分辨率 Confluence 6 使用 Apache 和 mod_proxy 在国外买房都需要准备哪些材料 Postman 如何删除一个工作空间
Categories
  • Algorithm(算法)
  • AMQP
  • Angular
  • CI
  • Compile And CI
  • Computer Science
  • Confluence
  • DataBase
  • Gradle
  • H1B
  • Hibernate
  • IDE
  • Java
  • Jersey
  • Jira
  • MariaDB
  • PrestaShop
  • Spring
  • Spring Batch
  • U.S.
  • USRealEstate
  • USVisaTrack
  • 我的小厨

COPYRIGHT © 2020 HoneyMoose. ALL RIGHTS RESERVED.

THEME CWIKIUS.CN MADE BY VTROIS