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))
是不一样的顺序。