JavaScript中数组map()方法

最新推荐文章于 2022-08-18 16:47:31 发布
最新推荐文章于 2022-08-18 16:47:31 发布
阅读量3.1k 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013063153/article/details/52424179
版权
JavaScript 数组map()方法创建一个新的数组使用调用此数组中的每个元素上所提供的函数的结果。
语法

?
1
array.map(callback[, thisObject]);

下面是参数的详细信息：

  •     callback : 从当前的元素函数产生新的数组的元素。
  •     thisObject : 对象作为该执行回调时使用

返回值:

返回创建数组
兼容性：

这种方法是一个JavaScript扩展到ECMA-262标准;因此它可能不存在在标准的其他实现。为了使它工作，你需要添加下面的脚本代码在顶部：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
if (!Array.prototype.map)
{
 Array.prototype.map = function(fun /*, thisp*/)
 {
  var len = this.length;
  if (typeof fun != "function")
   throw new TypeError();
 
  var res = new Array(len);
  var thisp = arguments[1];
  for (var i = 0; i < len; i++)
  {
   if (i in this)
    res[i] = fun.call(thisp, this[i], i, this);
  }
 
  return res;
 };
}

例子：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html>
<head>
<title>JavaScript Array map Method</title>
</head>
<body>
<script type="text/javascript">
if (!Array.prototype.map)
{
 Array.prototype.map = function(fun /*, thisp*/)
 {
  var len = this.length;
  if (typeof fun != "function")
   throw new TypeError();
 
  var res = new Array(len);
  var thisp = arguments[1];
  for (var i = 0; i < len; i++)
  {
   if (i in this)
    res[i] = fun.call(thisp, this[i], i, this);
  }
 
  return res;
 };
}
 
var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
 
document.write("roots is : " + roots );
 
</script>
</body>
</html>

这将产生以下结果：

?
1
roots is : 1,2,3
u013063153
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 实现map的方式
09-02
js Map 对象，js map ，map ，键值对
js 数组 map方法
weixin_33691817的博客
04-27 142
map这里的map不是“地图”的意思，而是指“映射”。[].map(); 基本用法跟forEach方法类似：   array.map(callback,[ thisObject]); callback的参数也类似： [].map(function(value, index, array) { // ... }); map方法的作用不难理解，“映射”嘛，也就是原...
数组的map方法
Q18210994339的博客
01-19 635
map方法 不支持IE6、7 、8 　　array1.map(fn) 　　array1.map(fn[,thisArg]) 　　注意： 　　　　　fn 必须是函数，如果不是函数则会报错 TypeError: undefined is not a function4 　　　　　map()不会对空数组进行检测。map()不会改变原是数组 　 1 .理解 （官方：一个新数组，其...
js 自带的 map() 方法
yzbben的博客
11-17 2308
1. 方法概述      map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。 2. 例子    2.1 在字符串中使用map   在一个 String  上使用 map 方法获取字符串中每个字符所对应的 ASCII 码组成的数组： var map = Array.prototype.map var a = map.call("He
详解JavaScript中数组的reduce方法
10-20
js函数中有三个在特定场合很好用的函数:reduce(),map(),filter()。而数组经常用到的方法有push、join、indexOf、slice等等，但是有一个经常被我们忽略的方法：reduce，这个方法简直强大的不要不要的。下面通过这篇...
JavaScript遍历数组的三种方法map、forEach与filter实例详解
10-17
主要介绍了JavaScript遍历数组的三种方法map、forEach与filter,结合实例形式详细分析了javascript针对数组遍历的map、forEach与filter三种方法相关操作技巧与注意事项,需要的朋友可以参考下
JavaScript 批量创建数组的方法
01-19
JavaScript有许多批量创建数组的方法，为了衡量它们的性能，我分别使用不同的方法创建一个长度为100000的数组，且键和值相等。同时，我定义了下面这个函数用来测量创建数组所耗费的时间： function t(fn) { var ...
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
10-22
下面小编就为大家带来一篇JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js的map方法
m0_67393157的博客
08-18 1917
Map集合中的键和值可以是任何类型，并且如果使用集合中已存在的键将值添加到Map集合中，新值将替换旧值。给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。返回一个新数组，数组中的元素为原始数组调用函数处理后的值，并且按照原始数组元素调用函数处理后的值。用来获取一个Map对象指定的元素，返回的是键所对应的值，如果不存在则会返回undefined。示例：数组中的每个元素乘以输入框指定的值，并返回新数组。...
JavaScript数组的map()方法
ZhangYT888的博客
03-24 476
map()方法作用是创建一个新数组，该新数组中的每一个元素是调用一次map中提供的函数后返回的值。 参数 currentValue：数组正在处理的当前元素 index(可选)：数组正在处理的当前元素的索引 array(可选)：map方法调用的数组 代码 I map()对Array数组中的每一个元素 a 调用 (a)=>a+1， 然后将结果返回给新数组newArray。 const Array = [0, 1, 2, 3] const newArray = Array.map((a).
js数组map方法
AdleyTales的技术博客
06-16 1万+
map是遍历数组中的每一个值 console.log(["1", "2", "3"].map(fn)); function fn(i){ return i*10+i; } //[ '101', '202', '303' ]
JS 数组中的 map 方法
a15220216758的博客
07-12 2864
JS 数组中的 map 方法
javascript 中的map()方法
热门推荐
xm1037782843的博客
03-19 7万+
接口数据映射 从接口得到数据 res: let r = res.map(item => { return { title: item.name, sex: item.sex === 1? '男':item.sex === 0?'女':'保密', age: item.age, avatar: item.img ...
javascript map()方法解析
wangdan_2013的博客
10-23 1万+
map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。let numbers = [1, 5, 10, 15]; let doubles = numbers.map((x) => { return x * 2; });// doubles is now [2, 10, 20, 30] // numbers is still [1, 5, 10, 15] l
JS数组 map方法
jiuzhi_的博客
06-27 277
文章目录定义语法 定义 返回一个新数组，数组中的元素为原始数组调用函数处理后的值，按原始数组元素数据返回，不改变原始数组 语法 array.map(function(currentValue,index,arr), thisValue)
javascript数组方法map
最新发布
08-11
JavaScript中的数组方法`map()`用于创建一个新数组，其元素是原始数组经过指定函数处理后的结果。 用法如下： ```javascript const newArray = array.map((currentValue, index, array) => { // 对当前元素进行处理 // 返回处理后的值 }); ``` `map()`方法接受一个回调函数作为参数，该函数会被应用于数组中的每个元素。回调函数有三个参数： - `currentValue`：当前正在处理的元素 - `index`：当前元素的索引 - `array`：原始数组 回调函数可以使用这些参数来处理元素，并返回处理后的值。`map()`方法会使用回调函数返回的值来创建一个新数组，新数组的元素与原始数组对应位置的元素一一对应。 以下是一个示例： ```javascript const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map((num) => { return num * 2; }); console.log(doubledNumbers); // [2, 4, 6, 8, 10] ``` 在上面的示例中，`map()`方法将原始数组中的每个数字都乘以2，并返回一个新数组`[2, 4, 6, 8, 10]`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值