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

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

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

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

Map是ES6退出的一個類型，特點：任何值都可作為屬性名

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

代碼

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

圖片

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

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

簡單的介紹下面兩個方法

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

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

這里主要用到了Object.entries的特性，
Object.entries 返回一個二維數(shù)組，其中數(shù)組中的第一個值是key，第二個值是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個值，我是數(shù)組')
map.set(obj, '我是map的第2個值，我是對象')
map.set(number, '我是map的第3個值, 我是簡單數(shù)據(jù)類型')
const newObj = Object.fromEntries(map.entries())
console.log(newObj, '我是新對象')
console.log('新對象類型', typeof newObj)

總結(jié)

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

相關(guān)文章

  • javascript實現(xiàn)數(shù)獨解法

    javascript實現(xiàn)數(shù)獨解法

    數(shù)獨（すうどく，Sūdoku）是一種運用紙、筆進行演算的邏輯游戲。玩家需要根據(jù)9×9盤面上的已知數(shù)字，推理出所有剩余空格的數(shù)字，并滿足每一行、每一列、每一個粗線宮內(nèi)的數(shù)字均含1-9，不重復(fù)。
    2015-03-03
  • JavaScript表格常用操作方法匯總

    JavaScript表格常用操作方法匯總

    這篇文章主要介紹了JavaScript表格常用操作方法,實例匯總了javascript中表格操作的創(chuàng)建、添加、刪除、遍歷等常用操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-04-04
  • javascript中的toFixed固定小數(shù)位數(shù) 簡單實例分享

    javascript中的toFixed固定小數(shù)位數(shù) 簡單實例分享

    這篇文章介紹了toFixed固定小數(shù)位數(shù)的簡單例子，有需要的朋友可以參考一下
    2013-07-07
  • JS組件系列之MVVM組件構(gòu)建自己的Vue組件

    JS組件系列之MVVM組件構(gòu)建自己的Vue組件

    這篇文章主要介紹了JS組件系列之MVVM組件構(gòu)建自己的Vue組件,需要的朋友可以參考下
    2017-04-04
  • Uniapp?實現(xiàn)全民分銷功能原理解析

    Uniapp?實現(xiàn)全民分銷功能原理解析

    這篇文章主要介紹了Uniapp?實現(xiàn)全民分銷功能,本篇文章主要介紹全民分銷功能實現(xiàn)原理，本文給大家介紹的非常詳細，需要的朋友可以參考下
    2022-06-06
  • JavaScript?中的行繼續(xù)符操作

    JavaScript?中的行繼續(xù)符操作

    JavaScript?中的字符串操作可能很復(fù)雜，?盡管字符串操作易于掌握，但實施起來卻具有挑戰(zhàn)性，其中一個相關(guān)領(lǐng)域是添加新行，這篇文章主要介紹了JavaScript中的行繼續(xù)符操作,需要的朋友可以參考下
    2023-06-06
  • webpack自動化打包webpack-dev-server的實現(xiàn)

    webpack自動化打包webpack-dev-server的實現(xiàn)

    我們每次改完要打包的資源文件，和配置文件都是是輸入npx webpack命令手動打包的，本文就來介紹一下webpack自動化打包webpack-dev-server的實現(xiàn)，具有一定的參考價值，感興趣的可以了解一下
    2023-07-07
  • JS中type=

    JS中type="button"和type="submit"的區(qū)別

    Submit是專門用于提交表單的Button，與Button的區(qū)別主要有兩點：type=button 就單純是按鈕功能，type=submit 是發(fā)送表單 。下面通過本文給大家分享JS中type="button"和type="submit"的區(qū)別，感興趣的的朋友一起看看吧
    2017-07-07
  • JavaScript中for循環(huán)的幾種寫法與效率總結(jié)

    JavaScript中for循環(huán)的幾種寫法與效率總結(jié)

    每個接觸JS的開發(fā)人員都不可避免的與for循環(huán)打交道，畢竟這是遍歷必不可少的工具之一。然而當循環(huán)次數(shù)比較大時，效率問題必須重視。下面這篇文章就主要介紹了JavaScript中幾種for循環(huán)的寫法與效率,需要的朋友可以參考借鑒，下面來一起看看吧。
    2017-02-02
  • 判斷滾動條滑到底部觸發(fā)事件(實例講解)

    判斷滾動條滑到底部觸發(fā)事件(實例講解)

    下面小編就為大家?guī)硪黄袛酀L動條滑到底部觸發(fā)事件的實例講解。具有很好的參考價值。一起跟隨小編過來看看吧，希望對大家有所幫助
    2017-11-11

最新評論