感受Map鍵值對

• 花樣很多

let map = new Map()
map.set('name', 'dust')
map.set(function () {}, 'hello')
map.set({}, 'hi')
map.set(1, 'www.baidu.com')
console.log(map)

運行結果：

• 也可以一次性添加多個值

let map2 = new Map([['name', 'dust'],[function () {}, 'hello'],
])
console.log(map2)

運行結果：

---

Map里的增刪改查

• 查找某一項
• 注意這里是引用對象，在某些情況下是查不出來的。

console.log(map.get('number'))

• 判斷是否有map.has()

console.log(map.has('number')) //true

• 清空

map.clear()console.log(map) //Map(0) {}

---

Map遍歷的幾種方式

1. 遍歷keys:map.keys()

for (const key of map.keys()) {console.log(key)
}

2. 遍歷values:map.values()

for (const value of map.values()) {console.log(value)
}

3. 遍歷全部內容

for (const [key, value] of map.entries()) {console.log(key, value)
}

4. forEach遍歷

• 注意這里和上面的是反過來的，這里是(value, key)

map.forEach((value, key) => {console.log(value, key)
})

---

Map的展開

• 可以用于類型轉換

let map = new Map([['name', 'dust'],[function () {}, 'hello'],[{}, 'hi'],['number', 99],
])
console.log(...map.entries())

運行結果：

[ 'name', 'dust' ] [ [Function (anonymous)], 'hello' ] [ {}, 'hi' ] [ 'number', 99 ]

執行以下代碼：

let a = [...map]
console.log(a)

運行結果：

此時你就可以類型轉換了。

總結

以上是生活随笔為你收集整理的[JavaScript] Map类型在JavaScript中的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。