オブジェクトがあります:
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 で使用したいので、クロスブラウザの問題は気にしません。)
ベストアンサー1
map
オブジェクトにネイティブはありませんObject
が、これはどうでしょうか:
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 }
しかし、次のようにすればオブジェクトを簡単に反復処理できますfor ... in
:
var myObject = { 'a': 1, 'b': 2, 'c': 3 };
for (var key in myObject) {
if (myObject.hasOwnProperty(key)) {
myObject[key] *= 2;
}
}
console.log(myObject);
// { 'a': 2, 'b': 4, 'c': 6 }
アップデート
以前のメソッドは新しいオブジェクトを返すのではなく、オブジェクト自体を操作すると多くの人が言っています。その点については、新しいオブジェクトを返し、元のオブジェクトはそのままにする別のソリューションを追加したいと思いました。
var myObject = { 'a': 1, 'b': 2, 'c': 3 };
// returns a new object with the values at each key mapped using mapFn(value)
function objectMap(object, mapFn) {
return Object.keys(object).reduce(function(result, key) {
result[key] = mapFn(object[key])
return result
}, {})
}
var newObject = objectMap(myObject, function(value) {
return value * 2
})
console.log(newObject);
// => { 'a': 2, 'b': 4, 'c': 6 }
console.log(myObject);
// => { 'a': 1, 'b': 2, 'c': 3 }
Array.prototype.reduce
配列を、前の値と現在の値をある程度結合して 1 つの値に減らします。チェーンは空のオブジェクトによって初期化されます。{}
反復ごとに、 の新しいキーが、myObject
キーの 2 倍の値として追加されます。
アップデート
新しい ES6 機能を使用すると、 をよりエレガントに表現できますobjectMap
。
const objectMap = (obj, fn) =>
Object.fromEntries(
Object.entries(obj).map(
([k, v], i) => [k, fn(v, k, i)]
)
)
const myObject = { a: 1, b: 2, c: 3 }
console.log(objectMap(myObject, v => 2 * v))