您的位置是:网站首页>Javascript编程Javascript编程

javascript的map方法有什么用

少儿编程网2021-06-01 16:17:18Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介在javascript中,map()方法用于返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值;map()方法会按照原始数组元素顺序依次处理元素,语法“array.map(function(值,索引值,数组){})”。本教程操作环境:windows7系统、javascript1.8.5版、

www.pxcodes.com

在javascript中,map()方法用于返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值;map()方法会按照原始数组元素顺序依次处理元素,语法“array.map(function(值,索引值,数组){})”。uYm少儿编程网-https://www.pxcodes.com

uYm少儿编程网-https://www.pxcodes.com

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。uYm少儿编程网-https://www.pxcodes.com

javascript map() 方法uYm少儿编程网-https://www.pxcodes.com

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。uYm少儿编程网-https://www.pxcodes.com

map() 方法按照原始数组元素顺序依次处理元素。uYm少儿编程网-https://www.pxcodes.com

注意: map() 不会对空数组进行检测。 map() 不会改变原始数组。uYm少儿编程网-https://www.pxcodes.com

语法:uYm少儿编程网-https://www.pxcodes.com

array.map(function(item,index,arr){})

map是数组的方法,有一个参数,参数是一个函数,函数中有3个参数uYm少儿编程网-https://www.pxcodes.com

  • 参数1:item必须。当前元素的值uYm少儿编程网-https://www.pxcodes.com

  • 参数2:index,可选。当前元素在数组中的索引值uYm少儿编程网-https://www.pxcodes.com

  • 参数3:arr可选。当前元素属于的数组对象uYm少儿编程网-https://www.pxcodes.com

示例:
uYm少儿编程网-https://www.pxcodes.com

<!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>

效果图:
uYm少儿编程网-https://www.pxcodes.com

uYm少儿编程网-https://www.pxcodes.com

【推荐学习:javascript高级教程】

以上就是javascript的map方法有什么用的详细内容,更多请关注少儿编程网其它相关文章!uYm少儿编程网-https://www.pxcodes.com

来源:php中文网uYm少儿编程网-https://www.pxcodes.com

www.pxcodes.com

相关文章:

支持一下 ( )

javascript的map方法有什么用

      匿名评论
    • 评论
    人参与,条评论
    javascript的map方法有什么用

微信公众号

免费视频教程

先知道