jQuery 是一種廣泛使用的 JavaScript 庫,它提供了許多方便的函數和方法來操作 HTML 文檔、處理事件、進行動畫效果以及更多。在開發 Web 應用時,我們經常需要遍歷一個 JavaScript 對象或 Map,其中的關鍵字(key)也需要進行操作。下面是一些使用 jQuery 遍歷 Map 的示例代碼。
// 定義一個 Map var myMap = new Map([ ["key1", "value1"], ["key2", "value2"], ["key3", "value3"] ]); // 使用 each() 方法遍歷 Map 中的所有 key $.each(myMap, function(key, value) { console.log(key); // 輸出 "key1", "key2", "key3" }); // 使用 each() 方法遍歷 Map 轉換后的數組中的所有 key $.each(Array.from(myMap.keys()), function(index, key) { console.log(key); // 輸出 "key1", "key2", "key3" }); // 使用 for...of 循環遍歷 Map 中的所有 key for (var key of myMap.keys()) { console.log(key); // 輸出 "key1", "key2", "key3" } // 使用 for...in 循環遍歷 Map 中的所有 key for (var key in myMap) { if (myMap.hasOwnProperty(key)) { console.log(key); // 輸出 "key1", "key2", "key3" } }
以上示例演示了幾種遍歷 Map 中 key 的方法,其中 each() 方法適用于 jQuery 對象,可遍歷任何可枚舉的對象;for...of 循環是 ES6 新特性,它可以遍歷任何可迭代的對象,包括 Map;for...in 循環可以遍歷對象中的所有可枚舉屬性,但是不適用于 Map。
需要注意的是,以上示例只展示了遍歷 Map 中 key 的方法,如果需要同時訪問 key 和 value,可以使用類似 $.each(myMap, function(key, value) {...}) 的方式,或者使用 for...of 循環中的 entries() 方法,返回一個包含 [key, value] 對的數組。