當前位置：
首頁 >
js map、filter、forEach
發布時間：2025/5/22
28
豆豆
生活随笔
收集整理的這篇文章主要介紹了
js map、filter、forEach
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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))是不一樣的順序。
?
轉載于:https://www.cnblogs.com/mengfangui/p/8073118.html
總結
以上是生活随笔為你收集整理的js map、filter、forEach的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Python的函数名作为参数传入调用以及
- 下一篇： 《Tensorflow实战》之6.3VG