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))
是不一樣的順序。