map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。
语法
array.map(function(currentValue,index,arr), thisValue)
参数说明
示例1:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>点击按钮获取数组元素的平方根。</p> <button onclick="myFunction()">点我</button> <p id="demo"></p> <script> var numbers = [4, 9, 16, 25]; function myFunction() { x = document.getElementById("demo") x.innerHTML = numbers.map(Math.sqrt); } </script> </body> </html>
输出;
2,3,4,5
示例2:数组中的每个元素乘于输入框指定的值,并返回新数组:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>点击按钮将数组中的每个元素乘于输入框指定的值,并返回新数组。</p> <p>最小年龄: <input type="number" id="multiplyWith" value="10"></p> <button onclick="myFunction()">点我</button> <p>新数组: <span id="demo"></span></p> <script> var numbers = [65, 44, 12, 4]; function multiplyArrayElement(num) { return num * document.getElementById("multiplyWith").value; } function myFunction() { document.getElementById("demo").innerHTML = numbers.map(multiplyArrayElement); } </script> </body> </html>
想要了解更多相关知识,可访问 前端学习网站!!
以上就是JavaScript中map方法有什么用?的详细内容,更多请关注易知道|edz.cc其它相关文章!