编程教育资源分享平台

网站首页 > 后端开发 正文

javascript数组函数map基本用法

luoriw 2024-01-31 12:32:19 后端开发 11 ℃ 0 评论

作用

map():创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

语法

arr.map(callback(currentValue [, index]){

newValue

})


callback:生成新数组元素的函数。

currentValue:数组中正在处理的当前元素。

index: 可选,数组中正在处理的当前元素的索引。


返回值:一个由原数组每个元素执行回调函数的结果组成的新数组。

map 方法会给原数组中的每个元素都按顺序调用一次 callback 函数。

callback 每次执行后的返回值组合起来形成一个新数组。


示例1:数组求平方

var data = [3, 4, 5, 6];

var s= data.map(function (item) {

return item * item;

});

console.log(s);

//输出结果

//[9, 16, 25, 36]


示例2:2个数组合并为1个对象数组

<script>

var arr1 = ['Hello','World']

var arr2 = [100, 200]

var result = arr1.map((name, i) => ({ name, value: arr2[i] }))

console.log(result);

</script>

//输出结果

[{name:Hello,value:100},{name:World,value:200}]

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言