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>
  • 相关阅读:
    代码规范
    svn的牛逼操作反向merge
    QT 半透明遮罩(弹窗)
    ACE库 ACE_Handle_Set类解析
    linux系统如何启用ftp服务
    vim color
    Linux动态库应用
    自建工程makefile文件
    Makefile工程文件
    linux杂记
  • 原文地址:https://www.cnblogs.com/beimingbingpo/p/8115532.html
Copyright © 2011-2022 走看看