詳解object轉map

一、object轉map對象

在前端開發中，我們經常需要將對象轉換為Map對象。所謂Map對象，就是一種鍵值對的集合類型，類似於字典。而在JavaScript中，我們可以用普通對象模擬出Map對象，但實際上二者還是有所不同的。

要想將普通對象轉換為Map對象，我們可以遍歷該對象的所有屬性，將屬性名和屬性值存入一個新的Map對象中。下面是一個示例代碼：

function objectToMap(obj) {
  let map = new Map();
  for (let key in obj) {
    map.set(key, obj[key]);
  }
  return map;
}

const obj = {name: 'Alice', age: 18};
const map = objectToMap(obj);
console.log(map.get('name')); // 'Alice'

二、object轉換成map

由於JavaScript中的對象和Map對象類似，因此我們完全可以不用專門編寫轉換函數，而是直接用一些Map對象自帶的方法來模擬出轉換過程。下面是一個示例代碼：

const obj = {name: 'Bob', age: 20};
const map = new Map(Object.entries(obj));
console.log(map.get('age')); // 20

在上面的代碼中，我們使用了Map對象的「entries()」方法來獲取鍵值對數組，然後再用Map對象的構造函數來生成Map對象。

三、object轉map失敗

雖然大部分情況下將對象轉為Map對象都是十分容易的，但是有時會發生轉換失敗的情況。那麼，什麼情況下才會導致對象轉Map失敗呢？

一般來說，如果對象的屬性名不是字元串類型，或者存在重複的屬性名，都會導致轉換失敗。下面是一個例子：

const obj = {[Symbol('name')]: 'Tom', 'age': 25, 'age': 30};
const map = new Map(Object.entries(obj));
console.log(map.get('age')); // 30
console.log(map.get(Symbol('name'))); // undefined

在上面的代碼中，我們嘗試將一個對象中存在Symbol類型屬性和重複屬性名的對象轉換為Map對象。結果我們觀察到輸出顯示只有屬性名為age的屬性值被正確轉換，由於Symbol類型屬性不能當作Map對象的鍵名，因此無法轉換。同時，由於對象中有重複的屬性名，也只有最後一項被正確轉換。

四、object轉map失敗是什麼原因

對象轉換為Map對象失敗的主要原因是因為Map對象的鍵名必須是字元串類型，而普通對象的屬性名可以是任意類型。另外，如果一個對象中存在多個相同的屬性名，只會取後面那個屬性值進行轉換。如果你需要用對象模擬出Map對象，則必須得面對這些限制。

五、object轉map出現序列化

在將一個對象轉換為Map對象時，有可能會出現一些奇怪的情況。例如，如果對象中包含一個NaN值，則其被轉換為Map對象後，NaN值會變成undefined。這是因為在轉換過程中，所有的鍵名和鍵值都會被序列化為字元串，而NaN的字元串表示為「NaN」，因此當其作為Map對象的鍵名時，實際上是無法識別的。

六、object轉map對象需要強轉嗎

在JavaScript中，雖然Map對象和普通對象很相似，但是其本質上還是不同的。因此在使用時，需要正確區分這兩種數據類型。如果需要將一個普通對象轉換為Map對象，則需要進行強制轉換。下面是一個示例代碼：

const obj = {name: 'Daniel', age: 22};
const map = new Map();
Object.keys(obj).forEach(key => {
  map.set(key, obj[key])
});
console.log(map.get('name')); // 'Daniel'

在上面的代碼中，我們先創建了一個空的Map對象，然後再遍歷普通對象的所有屬性並存入Map對象中。這種方法可以保證類型的正確性，同時也很適用於普通對象和Map對象之間的互相轉換。

七、object轉map對象 js

在JavaScript中，我們通常都是用Map類型來模擬出字典。由於Map類型本身是一種鍵值對的集合類型，所以其可以用來存儲和查詢數據。下面是一個使用Map類型模擬字典的示例代碼：

const dict = new Map([
  ['apple', 1],
  ['banana', 2],
  ['orange', 3]
]);

console.log(dict.get('banana')); // 2
dict.set('pear', 4);
console.log(dict.get('pear')); // 4

八、object轉map對象的工具類

如果在開發中需要頻繁地進行對象和Map對象的轉換，則可以考慮封裝一個工具類。下面是一個示例代碼：

class ObjMap {
  static objectToMap(obj) {
    const map = new Map();
    Object.keys(obj).forEach(key => {
      map.set(key, obj[key]);
    });
    return map;
  }

  static mapToObject(map) {
    const obj = {};
    for (let [key, value] of map.entries()) {
      obj[key] = value;
    }
    return obj;
  }
}

const obj = {name: 'Lucy', age: 23};
const map = ObjMap.objectToMap(obj);
console.log(ObjMap.mapToObject(map)); // {name: 'Lucy', age: 23}

在上面的代碼中，我們封裝了一個ObjMap類，其中包含了objectToMap()和mapToObject()兩個方法用於對象和Map對象的互相轉換。這樣，在實際開發中可以更方便地使用這些方法。

九、object轉list

除了將對象轉換為Map對象外，有時我們還需要將對象轉換為Array列表。下面是一個示例代碼：

const obj = {name: 'Mike', age: 24};
const list = Object.entries(obj).map(([key, value]) => ({key, value}));
console.log(list); // [{key: 'name', value: 'Mike'}, {key: 'age', value: 24}]

在上面的代碼中，我們使用了Object.entries()方法獲取對象的鍵值對數組，然後再進行了一次轉換，將其轉換為了一個包含key和value屬性的對象數組。