首頁 > 文章 > web前端 > es6的map物件和原生物件有啥差別

es6的map物件和原生物件有啥差別

WBOY原創: 2022-05-06 17:14:161846瀏覽

區別：1、原生object物件儲存鍵值對組合中鍵的類型是字串，map物件儲存鍵值對的類型可以是任意類型；2、原生object物件取得鍵值使用的是“Object.keys”，傳回的是數組，而map物件採用的是“map變數.keys()”。

es6的map物件和原生物件有啥差別

本教學操作環境：windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6的map物件和原生物件有啥差異

區別

object和Map儲存的都是鍵值對組合。但是：

object的鍵的類型是字串；
#map的鍵的類型是可以是任意型別；

另外注意，

object取得鍵值使用Object.keys（傳回陣列）；
##Map取得鍵值使用map變數.keys() (返回迭代器)。

範例程式碼：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>js es6 map 与 原生对象区别</title>
    </head>
    <body>
        <script type="text/javascript">
            let a = {
                o: 1
            };
            // string
            console.log(typeof Object.keys(a)[0]);
            let map = new Map();
            map.set(a, &#39;content&#39;);
            // 输出是object 也可以是任何类型
            console.log(map.keys().next());
        </script>
    </body>
</html>

【相關推薦：

javascript影片教學、web前端】

以上是es6的map物件和原生物件有啥差別的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript ecmascript es6 Object 字符串 map 对象

陳述：

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

上一篇：es6中let宣告可以重新命名嗎下一篇：es6中let宣告可以重新命名嗎

看更多