js map、filter、forEach
2018-06-24 01:06:06来源：未知 阅读 ()
1、map方法
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>map方法</title>
</head>
<body>
<script type="text/javascript">
var arr = [6, 5, 4];
var arrNew = [];
arrNew = arr.map(function(value, index, arr) {
console.log('当前值：' + value);
console.log('当前值对应的索引：' + index);
console.log('原数组：' + arr);
return value * value
});
//map返回新数组
console.log(arrNew);
</script>
</body>
</html>
控制台输出为：
2、filter方法
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>filter方法</title>
</head>
<body>
<script type="text/javascript">
var arr = [6, 5, 4];
var arrNew = [];
arrNew = arr.filter(function(value, index, arr) {
console.log('当前值：' + value);
console.log('当前值对应的索引：' + index);
console.log('原数组：' + arr);
return value % 2 == 0;
});
//map返回新数组
console.log(arrNew);
</script>
</body>
</html>
控制台输出为：
3、forEach方法
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>forEach方法</title>
</head>
<body>
<script type="text/javascript">
var arr = [6, 5, 4];
var total = 0;
arr.forEach(function(value, index, arr) {
console.log('当前值：' + value);
console.log('当前值对应的索引：' + index);
console.log('原数组：' + arr);
total += value
});
console.log(total);
</script>
</body>
</html>
控制台输出：
总结：以上函数的回调函数的形参是一样的。
注意：jQuery中的each的参数是：
$(selector).each(function(index,element))
是不一样的顺序。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：省市区级联下拉列表的实现
下一篇：gulp.dest用法详解
- js循环修改数组属性key值 2019-08-14
- Es6常用方法filter 2019-08-14
- 前端笔记之React（六）ES6的Set和Map&immutable和Ra 2019-08-14
- GoogleMap增加标记和路线轨迹的方法 2019-08-14
- js常用的数组方法 2019-08-14
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
