1. 程式人生 > 其它 >【JavaScript】Map和Set

【JavaScript】Map和Set

技術標籤:JavaScript資料結構javascriptjava

JavaScript中Map和Set

ES6新特性

Map和Set

Map

  • 定義
var mp = new Map([["tom",100],["jack",90],["nick",80]]);

在這裡插入圖片描述

  • 通過key獲得value
var mp = new Map([["tom",100],["jack",90],["nick",80]]);
var values = mp.get("tom");//通過key獲得value

在這裡插入圖片描述

  • 新增或修改值
    var mp = new Map([["tom",100],["jack",90],["nick",80]]);
    var values = mp.get("tom");//通過key獲得value

    mp.set("admin",99); //新增或修改值

在這裡插入圖片描述

  • 根據key刪除值
    var mp = new Map([["tom",100],["jack",90],["nick",80]]);
    var values =
mp.get("tom");//通過key獲得value mp.set("admin",99); //新增或修改值 mp.delete("tom"); //根據key刪除值

在這裡插入圖片描述

Set 無序不重複的集合

  • set特性
var st = new Set([3,1,2,1]);

在這裡插入圖片描述

  • 新增元素
    var st = new Set([3,1,2,1]);
    st.add(9);

在這裡插入圖片描述

  • 刪除元素
    var st = new Set([3,1,2,1]);
    st.add(9);
    st.delete(3);

在這裡插入圖片描述

  • 是否包含
    var st = new Set([3,1,2,1]);
    st.add(9);
    st.delete(3);
    console.log(st.has(9));

在這裡插入圖片描述

iterator迭代器,for…of

  • 遍歷陣列
    var arr = [3,4,5];
    for(let i of arr){
        console.log(i);
    }

在這裡插入圖片描述

  • 遍歷Map
    var mp = new Map([["tom",100],["jack",90],["nick",80]]);

    for(var x of mp){
        console.log(x);
    }

在這裡插入圖片描述

  • 遍歷Set
    var st = new Set([3,1,2,1]);
    
    for(let s of st){
        console.log(s);
    }

在這裡插入圖片描述