网站首页 > 知识剖析 正文
作用
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}]
猜你喜欢
- 2024-11-14 vue.js正确使用百度地图的方案 vue百度地图自定义控件
- 2024-11-14 七爪源码:如何在 JavaScript 中将 JSON 转换为地图
- 2024-11-14 在地图上创建热力图的方法 怎么用热力图选址
- 2024-11-14 快速了解 ES6 的Map与WeakMap es6 map使用场景
- 2024-11-14 Vue3 + TS + Leafletjs 打造企业级原神大地图
- 2024-11-14 好东西一起用,Cesium.js真是让3D地图尖叫的神奇框架!
- 2024-11-14 为 Next.js 项目创建站点地图文件
- 2024-11-14 JavaScript 轻松获取 Map 中的某个 key
- 2024-11-14 何时使用 Map 来代替普通的 JS 对象
- 2024-11-14 看了几十篇论文实现了个专业算法,用threejs做了个人员定位系统
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)