物件映射函數:將Map函數擴展到物件
P粉060528326
P粉060528326 2023-10-08 19:58:09
0
2
875

我有一個物件:

myObject = { 'a': 1, 'b': 2, 'c': 3 }

我正在尋找一個類似於 Array.prototype.map 的本機方法,其使用方式如下:

newObject = myObject.map(function (value, label) {
    return value * value;
});

// newObject is now { 'a': 1, 'b': 4, 'c': 9 }

JavaScript有這樣的物件的 map 函數嗎? (我想要 Node.JS 的這個,所以我不關心跨瀏覽器問題。)

P粉060528326
P粉060528326

全部回覆(2)
P粉138871485

用 JS ES10 / ES2019 寫一句一行怎麼樣?

利用Object.entries( )Object.fromEntries()

let newObj = Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, v * v]));

將同樣的東西寫成函數:

function objMap(obj, func) {
  return Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, func(v)]));
}

// To square each value you can call it like this:
let mappedObj = objMap(obj, (x) => x * x);

此函數也使用遞歸來平方巢狀物件:

function objMap(obj, func) {
  return Object.fromEntries(
    Object.entries(obj).map(([k, v]) => 
      [k, v === Object(v) ? objMap(v, func) : func(v)]
    )
  );
}

// To square each value you can call it like this:
let mappedObj = objMap(obj, (x) => x * x);

ES7 / ES2016中,您無法使用Objects.fromEntries,但您可以使用Object.assign# 與擴充運算子計算鍵名稱語法:

let newObj = Object.assign({}, ...Object.entries(obj).map(([k, v]) => ({[k]: v * v})));

ES6 / ES2015 不允許 Object.entries,但您可以使用 Object.keys 改為:

let newObj = Object.assign({}, ...Object.keys(obj).map(k => ({[k]: obj[k] * obj[k]})));

ES6 也引入了 for...of 循環,允許更命令式的風格:

let newObj = {}

for (let [k, v] of Object.entries(obj)) {
  newObj[k] = v * v;
}


數組.reduce()

您也可以使用Object.fromEntries 和Object.assign /Web /JavaScript/Reference/Global_Objects/Array/reduce" rel="noreferrer">reduce 為此:

let newObj = Object.entries(obj).reduce((p, [k, v]) => ({ ...p, [k]: v * v }), {});


繼承屬性與原型鏈:

在某些罕見的情況下,您可能需要對應一個類別對象,該物件在其原型鏈。在這種情況下,Object.keys()Object.entries() 將不起作用,因為這些函數不包含原型鏈。

如果您需要映射繼承屬性,可以使用for (key in myObj) {...}

以下是此類情況的範例:

const obj1 = { 'a': 1, 'b': 2, 'c': 3}
const obj2 = Object.create(obj1);  // One of multiple ways to inherit an object in JS.

// Here you see how the properties of obj1 sit on the 'prototype' of obj2
console.log(obj2)  // Prints: obj2.__proto__ = { 'a': 1, 'b': 2, 'c': 3}

console.log(Object.keys(obj2));  // Prints: an empty Array.
console.log(Object.entries(obj2));  // Prints: an empty Array.

for (let key in obj2) {
  console.log(key);              // Prints: 'a', 'b', 'c'
}

但是,請幫我一個忙,避免繼承。 :-)

P粉826429907

沒有到 Object 物件的本機 map#,但是這樣如何:

var myObject = { 'a': 1, 'b': 2, 'c': 3 };

Object.keys(myObject).forEach(function(key, index) {
  myObject[key] *= 2;
});

console.log(myObject);
// => { 'a': 2, 'b': 4, 'c': 6 }
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板