當前位置:
首頁 >
JS中遍历数组的两种方式
發布時間:2023/12/3
38
豆豆
生活随笔
收集整理的這篇文章主要介紹了
JS中遍历数组的两种方式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
方式一
for循環
//遍歷arr,獲取arr中Person對象for(var i=0 ; i<arr.length ; i++){var p = arr[i];//判斷Person對象的age是否大于等于18if(p.age >= 18){//如果大于等于18,則將這個對象添加到newArr中//將對象放入到新數組中newArr.push(p);}}方式二
forEach
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title></title><script type="text/javascript">/** 一般我們都是使用for循環去遍歷數組,* JS中還為我們提供了一個方法,用來遍歷數組* forEach()* - 這個方法只支持IE8以上的瀏覽器* IE8及以下的瀏覽器均不支持該方法,所以如果需要兼容IE8,則不要使用forEach* 還是使用for循環來遍歷*///創建一個數組var arr = ["孫悟空","豬八戒","沙和尚","唐僧","白骨精"];/** forEach()方法需要一個函數作為參數* - 像這種函數,由我們創建但是不由我們調用的,我們稱為回調函數* - 數組中有幾個元素函數就會執行幾次,每次執行時,瀏覽器會將遍歷到的元素* 以實參的形式傳遞進來,我們可以來定義形參,來讀取這些內容* - 瀏覽器會在回調函數中傳遞三個參數:* 第一個參數,就是當前正在遍歷的元素* 第二個參數,就是當前正在遍歷的元素的索引* 第三個參數,就是正在遍歷的數組* */arr.forEach(function(value , index , obj){console.log(value);});</script> </head> <body> </body> </html>總結
以上是生活随笔為你收集整理的JS中遍历数组的两种方式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JS中数组的常用方法
- 下一篇: JS中数组去重