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方法

操作方法

  • 01

    创建测试页面

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

(0)

相关推荐

  • js中截取字符串的方法

    JavaScript常用的截取简单便捷的截取字符串 操作方法 01 创建一个简单的方法(页面加载完成后执行),jQuery是顺手导入的,本经验没用到jQuery的方法,大家可以不导入 02 /*例如截 ...

  • js中鼠标滑过显示内容,移出隐藏内容效果

    在做网页的时候这是经常会遇到的一个效果,鼠标滑过一个div的时候内容显示,鼠标移出div的时候内容隐藏.其实这在js中是个非常简单的效果,很好实现,下面我来给大家敲下代码看是如何一步步实现的,大家按照 ...

  • js中数组怎么添加元素

    介绍JS中数组添加元素的方法. 操作方法 01 创建数组,例如:var a = [1,2,3,4,5]; 02 调用函数给数组添加元素即可 JavaScript数组元素添加函数 01 unshift: ...

  • js获取table中td值的方法

    前端目前来说比较火爆,有些小伙伴也在学习关于前端的一些知识,比如 javascript,今天,小编我就来给大家科普一下 js中怎样获取table中单元格td的内容.想要学习的小伙伴们可以认真看哟! 操 ...

  • 在一个js中引用另一个js的方法

    js中引用另外一个js的方法主要有两种,实际上性质是一样的,这篇文章就来和大家分享一下这两种方法,与HTML编程的理念 操作方法 01 一个js调用另外一个js的方法,最简单的例子就是jquery的调 ...

  • js中数组的方法

    在JavaScript学习中,数组是一个很基础的知识.但是又是用的很多的知识.本文介绍下JS中数组的方法以及其使用. 操作方法 01 创建数组创建数组,为其赋值,然后输出这些值.代码如下: <h ...

  • js中substring和substr用法与区别

    javascript字符串操作获取子串的方法有好几种,本篇主要介绍substring和substr用法与区别 操作方法 01 在开始之前,先回顾下js中下标(数组元素/字符串中字符下标): 下标总是从 ...

  • javascript(js)中怎么对数组值从小到大的排序?

    在编写前端代码时经常会使用到javascript的数组,那么我们怎么来操作呢? 操作方法 01 首先创建一个js的数组,其中里面的值大小是不按顺序的: 02 接下来我们就用js的方法来进行从小到大的排 ...

  • javascript(js)中怎么获取下拉框option的值?

    javascript在我们编写前端页面时是必不可少的,那么我们怎么来使用它呢? 操作方法 01 首先我们先创建一个下拉框: 02 界面显示如下: 03 接下来我们用js来获取被选中的值: 04 首先我 ...