zoukankan      html  css  js  c++  java
  • ja map()函数

    javascript Array map()方法

    map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
    map()方法按照原始数组元素顺序依次处理元素
    map()不会对空数组进行检测
    map()不会改变原始数组

    //语法
    array.map(function(currentValue,index,arr),thisValue)
    //参数说明
    function(currentValue,index,arr) 必须,函数,数组中的每个元素都会执行这个函数
    //函数参数
    currentValue //必须,当前元素的值
    index //可选,当前元素索引值
    arr //可选,当前元素属于的数组对象
    thisValue //可选,对象作为该执行回调时使用,传递给函数,用作this的值

    返回值 返回一个新数组,数组中的元素为原始数组元素处理后的值
    eg1:
    <div id="demo"></div>

    var numbers = [4,9,16,25];
    function myFunction (){
    x = document.getElementById("demo");
    x.innerHTML = numbers.map(Math.sqrt); //返回一个数组,数组中元素为原始数组的平方根
    }
    myFunction(); //[2,3,4,5]


    eg2:
    <body >    
    <p>点击按钮将数组中的每个元素乘以输入框指定的值,并返回新数组</p>
    <p>最小年龄:<input type="number" value="10" id="txt"/> </p>
    <button onclick="createNewArray()">点我</button>
    <div>
    新数组:<span id="demo"></span>
    </div>
    <script>
      
      var number = [11,22,33,44];
      function aaa(num){
      return num * document.getElementById('txt').value;
      }
      function createNewArray(){
      document.getElementById('demo').innerHTML = number .map(aaa)
      }
    </script>
    </body>

    eg3:
    function square(arr){
    return arr.map(function(item){
    return item*item;
    });
    }
    var arr = [1,2,3,4];
    console.log(square(arr)); //[1,4,9,16]











  • 相关阅读:
    如何通过CSS3实现背景图片色彩的梯度渐变
    提升网站页面打开速度的12个建议
    DIV+CSS高手必知的15个CSS常识
    飞机订票-1注册用户脚本
    需求不明的测试
    职业发展-外包公司考虑项
    Linux-Apache+Mysql+PHP+PHPWind(重点Apache+PHP集成环境)
    LR11-更改licence
    Linux-服务排查
    C语言-删除重复字符
  • 原文地址:https://www.cnblogs.com/nnf-888/p/9018719.html
Copyright © 2011-2022 走看看