首頁 >web前端 >前端問答 >es6中map和object的差別是什麼

es6中map和object的差別是什麼

青灯夜游
青灯夜游原創
2022-11-15 18:59:443914瀏覽

區別:1、Map的鍵可以是任意值,而Object的鍵必須是一個String或是Symbol。 2.Map中的key是有序的,而Object的鍵是無序的。 3.Map的鍵值對個數可以輕易地透過size屬性獲取,而Object的鍵值對個數只能手動計算。 4、Map可以直接被迭代,而Object不可以直接被迭代。 5.Map在頻繁增刪鍵值對的場景下表現較好,而Object的效率比較差。

es6中map和object的差別是什麼

本教學操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

Map和Object的概念

Object

在ECMAScript中,Object就是一個特殊的物件。它本身就是一個頂層對象,同時還是一個建構函數,可以透過它(如:new Object())來建立一個物件。我們可以認為JavaScript中所有的物件都是Object的一個實例,物件可以用字面量的方法const obj = {}即可宣告

Map 

Map是Object的一個子類,可以有序保存任意類型的數據,使用鍵值對去存儲,其中鍵可以存儲任意類型,透過const m = new Map();即可得到一個map實例。

Map類似對象,也是鍵值對的集合,但是「鍵」的範圍不限於字串,各種類型的值(包括對象)都可以當作鍵。也就是說,Object 結構提供了「字串—值」的對應,Map結構提供了「值—值」的對應,是一種更完善的 Hash 結構實作。如果你需要「鍵值對」的資料結構,Map 比 Object 更適合。 Map 可以接受一個陣列作為參數。此陣列的成員是一個個表示鍵值對的陣列。

Map與Object的差異


Map Object
鍵的型別 一個Map的鍵可以是任意值,包含函數、物件或任意基本型別。 一個Object 的鍵必須是一個 String 或是Symbol。
鍵的順序 Map 中的 key 是有序的。因此,當迭代的時候,一個 Map 物件以插入的順序傳回鍵值。 一個 Object 的鍵是無序的。注意:自ECMAScript 2015規範以來,物件確實保留了字串和Symbol鍵的創建順序; 因此,在只有字串鍵的物件上進行迭代將按插入順序產生鍵。
Size Map 的鍵值可以輕易地透過size 屬性取得 Object 的鍵值對個數只能手動計算
迭代 Map 是iterable 的,所以可以直接被迭代。 迭代一個Object需要以某種方式取得它的鍵然後才能迭代。
效能 在頻繁增刪鍵值對的場景下表現較好。 在頻繁新增和刪除鍵值對的場景下未作出最佳化。

【推薦學習:javascript進階教學

以上是es6中map和object的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn