领先的免费Web技术教程,涵盖HTML到ASP.NET

网站首页 > 知识剖析 正文

javascript数组函数map基本用法 数组的map和filter

nixiaole 2024-11-14 18:36:28 知识剖析 22 ℃

作用

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:

最近发表
标签列表