map方法

貑娤不嬡伱

于 2020-07-13 14:46:24 发布

阅读量113

点赞数

分类专栏：前端 vue 文章标签： javascript css html5

本文链接：https://blog.youkuaiyun.com/weixin_42455970/article/details/107316881

版权

前端同时被 2 个专栏收录

19 篇文章

订阅专栏

vue

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript的map方法来处理数组元素的方法。通过一个具体的示例，展示了如何根据用户输入的值来更新数组中每个元素，最终生成一个新数组的过程。这涉及到JavaScript的基本语法、DOM操作以及事件监听等知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写自定义目录标题

map方法

点击按钮将数组中的每个元素乘以输入框指定的值，并返回新数组

最小年龄:

点击

新数组

<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',arr);
        console.log('index',index);
        console.log('num',num);
        return num * age.value;
    }

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

</script>

```