js中的map 遍历方法

js中的map 遍历方法

js中的map方法

1）定义：map方法是通过循环的方式一个一个项的处理原来的数组，并返回新的数组，同时，不会改变原数组的值

2）格式：array1.map(function(item, index, array1){}, [thisValue]);

3）参数解释：

array1：要操作的原数组

item：当前数组循环操作到的项

index：当前数组循环操作到的项的序号

array1：当前操作的原始数组

thisValue：可选，如果指定前面function内部回调的this值=thisvalue。如果省略this=undefined

4）IE9以下不支持js的map方法

创建测试页面

【map遍历数组】在页面上添加测试代码，通过map遍历原数组，将值都加10，返回新数组

【map遍历数组】运行效果如下

【map遍历数组-独立回调方法】修改上述代码，将回调方法独立出去的写法如下

【map遍历数组-独立回调方法】运行效果如下

【map遍历数组-使用两个回调参数】将就数组的值和序号拼接为新的数组

【map遍历数组-使用两个回调参数】运行效果如下