欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript中Object和Map之間的轉(zhuǎn)換方法

 更新時(shí)間：2023年06月21日 08:46:50   作者：tookingHome  
在許多編程語言中,Object和Map都是用于存儲(chǔ)鍵值對(duì)的數(shù)據(jù)結(jié)構(gòu),下面這篇文章主要給大家介紹了關(guān)于Javascript中Object和Map之間的轉(zhuǎn)換方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

簡(jiǎn)單的區(qū)分Map和Object

Map是ES6退出的一個(gè)類型，特點(diǎn)：任何值都可作為屬性名

Object特點(diǎn)：屬性名只能是字符串(一開始我也不信，測(cè)試后才發(fā)現(xiàn)的)

代碼

Object 屬性名只能是string類型 代碼

圖片

創(chuàng)建一個(gè)map類型

new Map([
	[key, value],
	[key1, value1]
])

簡(jiǎn)單的介紹下面兩個(gè)方法

  • Object.entries()方法返回一個(gè)數(shù)組，成員是參數(shù)對(duì)象自身的（不含繼承的）所有可遍歷（enumerable）屬性的鍵值對(duì)數(shù)組。
  • Object.fromEntries()方法是Object.entries()的逆操作，用于將一個(gè)鍵值對(duì)數(shù)組轉(zhuǎn)為對(duì)象。

Object類型 轉(zhuǎn) Map類型

這里主要用到了Object.entries的特性，
Object.entries 返回一個(gè)二維數(shù)組，其中數(shù)組中的第一個(gè)值是key，第二個(gè)值是value

const obj = {
  a: '我是obj.a',
  b: '我是obj.b',
  c: '我是obj.c',
}
console.log(obj)
const map = new Map(Object.entries(obj))
console.log(map)
console.log(map.get('a'), '我是map 屬性名')
console.log(map.get('b'), '我是map 屬性名')

Map類型轉(zhuǎn)Object類型

const arr = [1, 2, 3],
  obj = { a: '1', b: 2 },
  number = 22
const map = new Map()
map.set(arr, '我是map的第1個(gè)值，我是數(shù)組')
map.set(obj, '我是map的第2個(gè)值，我是對(duì)象')
map.set(number, '我是map的第3個(gè)值, 我是簡(jiǎn)單數(shù)據(jù)類型')
const newObj = Object.fromEntries(map.entries())
console.log(newObj, '我是新對(duì)象')
console.log('新對(duì)象類型', typeof newObj)

總結(jié)

到此這篇關(guān)于Javascript中Object和Map之間的轉(zhuǎn)換方法的文章就介紹到這了,更多相關(guān)js Object和Map轉(zhuǎn)換內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論