js map()方法_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

js map()方法

来源：未知作者：类型：文章教程点击次数：发布时间：2018-05-30 13:31:10

map定义和方法
   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); return num * age.value; } btn.onclick = function(num){ data.innerHTML = numbers.map(myFunction); } </script> </body>
提示：您可以先修改部分代码再运行