JavaScript 中 Array map() 方法

大佬教程收集整理的这篇文章主要介绍了JavaScript 中 Array map() 方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

考察下面的一个实例：

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

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

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

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

方法解读

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

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

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

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

 

 

如何进行计算，取决于 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

大佬总结

以上是大佬教程为你收集整理的JavaScript 中 Array map() 方法全部内容，希望文章能够帮你解决JavaScript 中 Array map() 方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。