zoukankan      html  css  js  c++  java
  • js数组map方法

    https://www.cnblogs.com/xuan52rock/p/4460949.html
    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);
    //注意了,这里的num代表了numbers数据的参数,按顺序执行。
    return num * age.value; } btn.onclick = function(){ data.innerHTML = numbers.map(myFunction); }
    </script> </body> </html>
  • 相关阅读:
    Python交互设计_接口设计
    hibernate注解——@Temporal
    java日期格式处理
    Unknown tag
    个人总结
    学习进度条——第十七周
    学习进度条——第十六周
    学习进度条——第十五周
    第二阶段冲刺——个人总结10
    学习进度条——十四周
  • 原文地址:https://www.cnblogs.com/beimingbingpo/p/8115532.html
Copyright © 2011-2022 走看看