黑马程序员技术交流社区

标题: 【上海校区】数组的遍历之map [打印本页]

作者: 上海前端-达达 时间: 2018-7-13 01:21
标题: 【上海校区】数组的遍历之map
map定义和方法
map()方法返回一个新数组，数组中的元素为原始数组元素调用函数处理的后值。
map()方法按照原始数组元素顺序依次处理元素。
注意事项：
map不会对空数组进行检测
map不会改变原始数组
arr.map(function(item，index，arr){})
参数说明
function(item,index,arr)
必须，函数，数组中的每个元素都会执行这个函数函数参数
函数参数
item 必须当前元素值
index 可选当前元素的索引值
arr 可选当前元素属于的数组对象。

[AppleScript] 纯文本查看 复制代码

<!DOCTYPE html>

<html>



<head>

    <meta charset="utf-8">

    <title>map方法的使用</title>

</head>



<body>

    <button id="btn">点我</button>

    <script>

        var btn = document.getElementById("btn");

        var arr = [1, 2, 3, 4, 5, 6, 7];

        btn.onclick = function () {

            var newArr = arr.map(function (item, index) {

                return item * 10

            })

            console.log(newArr)

        }      

    </script>

</body>

作者: 不二晨 时间: 2018-7-16 11:58

奈斯

作者: 吴琼老师 时间: 2018-7-18 15:18

作者: 不二晨 时间: 2018-7-18 15:21

吴琼老师发表于 2018-7-18 15:18

奈斯，优秀

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2