js中的map()方法

原创 2017年05月29日 01:53:53

map定义和方法
map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后值。
map()方法按照原始数组元素顺序依次处理元素。
注意:
map不会对空数组进行检测
map不会改变原始数组
arr.map(function(currentValue,index,arr),thisValue)
参数说明
function(currentValue,index,arr)
必须,函数,数组中的每个元素都会执行这个函数函数参数
函数参数
currentValue 必须 当前元素值
index 可选 当前元素的索引值
arr 可选 当前元素属于的数组对象。
我们看个小demo,就会一目了然

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>map方法</title>
</head>
<body>
    <p>点击按钮将数组中的每个元素乘以输入框指定的值,并返回新数组</p>
    <p>
        最小年龄:
        <input type="number" id="age" value="10" />
    </p>
    <button id="btn">点我</button>
    <p id="data">新数组</p>

    <script type="text/javascript">
        var btn = document.getElementById("btn");
        var data = document.getElementById("data");
        var age = document.getElementById("age");
        var numbers = [25,36,121,49];

        function myFunction(num,index,arr){
            console.log(arr);
            return num * age.value;
        }

        btn.onclick = function(num){
            data.innerHTML = numbers.map(myFunction);
        }

    </script>
</body>
版权声明:如果觉的本文好的话,点个赞,您的鼓励是我最大的动力。

Js中的Map对象

Js中的Map对象
  • greenlight_74110
  • greenlight_74110
  • 2017年09月08日 15:08
  • 3723

JS之map用法初探

一个项目的时候出现了一个获取品牌列表,并按照首字符的拼音或者英文的首字母A-Z排序的需求,如图所示:   由于html页面里面还用到了art-template的模板循环,最开始写出来的时候列表...
  • this_ITBoy
  • this_ITBoy
  • 2016年11月10日 16:32
  • 4090

JS中的Map

var map = new Map();  map.put("a", "aaa");  map.put("b","bbb");  map.put("cc","cccc");  map.put(...
  • abauch_d
  • abauch_d
  • 2014年06月25日 17:36
  • 29012

js中Map之基本用法

 Array.prototype.remove = function(s) { for (var i = 0; i < this.length; i++) { if (...
  • niu870781892
  • niu870781892
  • 2010年04月13日 09:00
  • 106239

js Map 获取值

var orderKanbanMap=new Map();             $.ajax({     type:'POST',     url:'/data/getData?tableNa...
  • zxf1242652895
  • zxf1242652895
  • 2017年03月22日 16:34
  • 5715

JS自定义一个Map类

例子1 //定义简单Map function getMap() {//初始化map_,给map_对象增加方法,使map_像Map            var map_ = new ...
  • Ethan_Fu
  • Ethan_Fu
  • 2015年04月20日 13:59
  • 1269

JS Map 简单实现

/*   * MAP对象,实现MAP功能   *   * 接口:   * size()     获取MAP元素个数   * isEmpty()    判断MAP是否为空   * clear...
  • yiluoAK_47
  • yiluoAK_47
  • 2013年01月26日 13:30
  • 3240

js 里map功能的实现

/*  * MAP对象,实现MAP功能  *  * 接口:  * size()     获取MAP元素个数  * isEmpty()    判断MAP是否为空  * clear()    ...
  • u014236541
  • u014236541
  • 2016年01月21日 13:06
  • 606

js中定义Map集合

var map_=new Map(); //定义一个Map()集合 function Map(){  var struct=function(key,value,add){   this.key=ke...
  • Scorpion1686
  • Scorpion1686
  • 2017年06月15日 16:48
  • 2986

js 访问Map对象中所有的key和value

在js中访问Map对象中的所有key和value的值 在网上找了下,大部分都说用如下方法,但是我试了试不行 for(key in map) { alert(key +map[key]); }...
  • fan504
  • fan504
  • 2017年05月27日 17:30
  • 2965
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js中的map()方法
举报原因:
原因补充:

(最多只允许输入30个字)