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

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

WBOY
發布: 2022-05-06 17:14:16
原創
1852 人瀏覽過

區別: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中文網其他相關文章!

相關標籤:
es6
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板