• 技术文章 >web前端 >前端问答

    javascript 有map吗

    藏色散人藏色散人2021-09-03 16:18:29原创1227

    javascript中有map方法,该方法用于返回一个新数组,并按照原始数组元素顺序依次处理元素;map语法是“array.map(function(currentValue,index,arr), thisValue)”。

    本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    javascript 有map吗?

    javascript中有map方法。

    JavaScript Array map() 方法定义和用法

    map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

    map() 方法按照原始数组元素顺序依次处理元素。

    注意: map() 不会对空数组进行检测。map() 不会改变原始数组。

    语法

    array.map(function(currentValue,index,arr), thisValue)

    参数说明

    参数 function(currentValue, index,arr) 必须:函数,数组中的每个元素都会执行这个函数

    参数currentValue 必须:当前元素的值

    index 可选:当前元素的索引值

    arr 可选:当前元素属于的数组对象

    thisValue 可选:对象作为该执行回调时使用,传递给函数,用作 "this" 的值。

    如果省略了 thisValue,或者传入 null、undefined,那么回调函数的 this 为全局对象。

    返回值: 返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

    实例

    数组中的每个元素乘于输入框指定的值,并返回新数组:

    var numbers = [65, 44, 12, 4];
    function multiplyArrayElement(num) {
        return num * document.getElementById("multiplyWith").value;
    }
    function myFunction() {
        document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement);
    }

    运行效果:

    GIF 2021-9-3 星期五 下午 4-18-02.gif

    推荐学习:《javascript基础教程

    以上就是javascript 有map吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript map
    上一篇:es6继承和es5继承的区别是什么 下一篇:css怎么让字之间的间隔变大
    Web大前端开发直播班

    相关文章推荐

    • javascript的map方法有什么用• 如何使用JS.map()方法(数组方法)• javascript怎么读取map的值• javascript数组的map方法怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网