JavaScript中數組如何遍歷
JavaScript中遍歷陣列的方法:1、使用for迴圈語句;2、使用forEach()方法呼叫回呼函數;3、使用map()方法呼叫回呼函數;4、使用「for..in 」迴圈語句;5、使用「for…of」迴圈語句。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
在使用 JavaScript 編寫程式碼過程中,可以使用多個方法對陣列進行遍歷;包括 for迴圈、forEach迴圈、map 迴圈、forIn迴圈和forOf迴圈等方法。
一、for 迴圈:基礎、簡單
#這是最基礎、常用的遍歷陣列的方法;各種開發語言一般都支援這種方法。
let arr = ['a','b','c','d','e']; for (let i = 0, len = arr.length; i < len; i++) { console.log(i); // 0 1 2 3 4 console.log(arr[i]); //a b c d e }
二、forEach() 方法:使用回呼函數
forEach() 這是陣列物件的方法;其接受一個回呼函數為參數。
回呼函數中有三個參數:
- 1st:陣列元素(必選)
- 2nd:陣列元素索引值(可選)
- 3rd :陣列本身(可選)
let arr = ['a','b','c','d','e']; arr.forEach((item,index,arr)=> { console.log(item); // a b c d e console.log(index); // 0 1 2 3 4 console.log(arr); // ['a','b','c','d','e'] })
三、map() 方法:使用回呼函數
var arr = [ {name:'a',age:'18'}, {name:'b',age:'19'}, {name:'c',age:'20'} ]; arr.map(function(item,index) { if(item.name == 'b') { console.log(index) // 1 } })
四、for..in 迴圈:遍歷物件與陣列
推薦用於循環物件,也可以用來遍歷json。
let obj = { name: '王大锤', age: '18', weight: '70kg' } for(var key in obj) { console.log(key); // name age weight console.log(obj[key]); // 王大锤 18 70kg } ---------------------------- let arr = ['a','b','c','d','e']; for(var key in arr) { console.log(key); // 0 1 2 3 4 返回数组索引 console.log(arr[key]) // a b c d e }
五、for…of 循環:遍歷對象和數組
- key()是對鍵名的遍歷;value()是對鍵值的遍歷;entries()是對鍵值對的遍歷;
let arr = ['科大讯飞', '政法BG', '前端开发']; for (let item of arr) { console.log(item); // 科大讯飞 政法BG 前端开发 } // 输出数组索引 for (let item of arr.keys()) { console.log(item); // 0 1 2 } // 输出内容和索引 for (let [item, val] of arr.entries()) { console.log(item + ':' + val); // 0:科大讯飞 1:政法BG 2:前端开发 }
六、補充
6.1、break 和Continue 問題
forEach、map、filter、reduce、every、some在
forEach、map、filter、reduce、every、some
函數中break
# 和
關鍵字都會不生效,因為是在function中,但function解決了閉包陷阱的問題。 要想使用 break、continue 可以使用
。
6.2、陣列和物件
用於遍歷陣列元素使用:
。 用於循環物件屬性使用:
以上是JavaScript中數組如何遍歷的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

使用foreach循環移除PHP數組中重複元素的方法如下:遍歷數組,若元素已存在且當前位置不是第一個出現的位置,則刪除它。舉例而言,若資料庫查詢結果有重複記錄,可使用此方法移除,得到不含重複記錄的結果。

PHP中深度複製數組的方法包括:使用json_decode和json_encode進行JSON編碼和解碼。使用array_map和clone進行深度複製鍵和值的副本。使用serialize和unserialize進行序列化和反序列化。

PHP數組鍵值翻轉方法效能比較顯示:array_flip()函數在大型數組(超過100萬個元素)下比for迴圈效能更優,耗時更短。手動翻轉鍵值的for迴圈方法耗時相對較長。

Java是一種流行的程式語言,具有強大的檔案處理功能。在Java中,遍歷資料夾並取得所有檔案名稱是一種常見的操作,可以幫助我們快速定位和處理特定目錄下的檔案。本文將介紹如何在Java中實作遍歷資料夾並取得所有檔案名稱的方法,並提供具體的程式碼範例。 1.使用遞歸方法遍歷資料夾我們可以使用遞歸方法遍歷資料夾,遞歸方法是一種自身呼叫自身的方式,可以有效地遍歷資料夾中

多維數組排序可分為單列排序和嵌套排序。單列排序可使用array_multisort()函數依列排序;巢狀排序需要遞歸函數遍歷陣列並排序。實戰案例包括按產品名稱排序和按銷售量和價格複合排序。

PHP的array_group_by函數可依鍵或閉包函數將陣列中的元素分組,傳回關聯數組,其中鍵為組名,值是屬於該組的元素數組。

在PHP中執行陣列深度複製的最佳實踐是:使用json_decode(json_encode($arr))將陣列轉換為JSON字串,然後再轉換回陣列。使用unserialize(serialize($arr))將陣列序列化為字串,然後將其反序列化為新陣列。使用RecursiveIteratorIterator迭代器對多維數組進行遞歸遍歷。

PHP的array_group()函數可用來按指定鍵對陣列進行分組,以尋找重複元素。函數透過以下步驟運作:使用key_callback指定分組鍵。可選地使用value_callback確定分組值。對分組元素進行計數並識別重複項。因此,array_group()函數對於尋找和處理重複元素非常有用。
