ユースケース
ユースケースは、ハッシュマップ内のキーとして評価および使用し、オブジェクト自体としての値として使用するために提供される文字列または関数に基づいて、オブジェクトの配列をハッシュマップに変換することです。これを使用する一般的なケースは、オブジェクトの配列をオブジェクトのハッシュマップに変換することです。
コード
次に示すのは、オブジェクトの配列をハッシュマップに変換し、オブジェクトの属性値でインデックスを付ける、JavaScriptの小さなコードです。ハッシュマップのキーを動的に(ランタイムに)評価する機能を提供できます。これが将来誰かに役立つことを願っています。
function isFunction(func){
return Object.prototype.toString.call(func) === '[object Function]';
}
/**
* This function converts an array to hash map
* @param {String | function} key describes the key to be evaluated in each object to use as key for hasmap
* @returns Object
* @Example
* [{id:123, name:'naveen'}, {id:345, name:"kumar"}].toHashMap("id")
* Returns :- Object {123: Object, 345: Object}
*
* [{id:123, name:'naveen'}, {id:345, name:"kumar"}].toHashMap(function(obj){return obj.id+1})
* Returns :- Object {124: Object, 346: Object}
*/
Array.prototype.toHashMap = function(key){
var _hashMap = {}, getKey = isFunction(key)?key: function(_obj){return _obj[key];};
this.forEach(function (obj){
_hashMap[getKey(obj)] = obj;
});
return _hashMap;
};
あなたはここで要旨を見つけることができます: https://Gist.github.com/naveen- ithappu/c7cd5026f6002131c1fa
これは Array.prototype.reduce
とするのはかなり簡単です。
var arr = [
{ key: 'foo', val: 'bar' },
{ key: 'hello', val: 'world' }
];
var result = arr.reduce(function(map, obj) {
map[obj.key] = obj.val;
return map;
}, {});
console.log(result);
// { foo: 'bar', hello: 'world' }
注: Array.prototype.reduce()
はIE9 +なので、古いブラウザをサポートする必要がある場合はポリフィルする必要があります。
ES6 Map ( かなりよくサポートされた )を使って、これを試すことができます。
var arr = [
{ key: 'foo', val: 'bar' },
{ key: 'hello', val: 'world' }
];
var result = new Map(arr.map(i => [i.key, i.val]));
// When using TypeScript, need to specify type:
// var result = arr.map((i): [string, string] => [i.key, i.val])
// Unfortunately maps don't stringify well. This is the contents in array form.
console.log("Result is: " + JSON.stringify([...result]));
// Map {"foo" => "bar", "hello" => "world"}
スプレッド演算子を使用する:
const result = arr.reduce(
(accumulator, target) => ({ ...accumulator, [target.key]: target.val }),
{});
jsFiddle のコードスニペットのデモ。
Array.prototype.reduce() と実際のJavaScript Map の代わりにJavaScript Object を使うことができます。
let keyValueObjArray = [
{ key: 'key1', val: 'val1' },
{ key: 'key2', val: 'val2' },
{ key: 'key3', val: 'val3' }
];
let keyValueMap = keyValueObjArray.reduce((mapAccumulator, obj) => {
// either one of the following syntax works
// mapAccumulator[obj.key] = obj.val;
mapAccumulator.set(obj.key, obj.val);
return mapAccumulator;
}, new Map());
console.log(keyValueMap);
console.log(keyValueMap.size);
マップとオブジェクトの違いは何ですか?
以前は、MapがJavaScriptで実装される前は、Objectは構造が似ているためMapとして使用されていました。
ユースケースに応じて、キーを注文する必要がある場合、マップのサイズにアクセスする必要がある場合、またはマップの追加と削除を頻繁に行う必要がある場合は、Mapが適しています。
MDN文書からの引用 :
オブジェクトは、キーに値を設定し、それらの値を取得し、キーを削除し、何かがキーに格納されているかどうかを検出できるという点でMapsに似ています。このため(そして組み込みの代替手段がないため)、オブジェクトは歴史的にマップとして使用されてきました。ただし、特定の場合にMapを使用することを推奨する重要な違いがいくつかあります。
es2015バージョン:
const myMap = new Map(objArray.map(obj => [ obj.key, obj.val ]));
ES6スプレッド+ Object.assignを使用する:
array = [{key: 'a', value: 'b', redundant: 'aaa'}, {key: 'x', value: 'y', redundant: 'zzz'}]
const hash = Object.assign({}, ...array.map(s => ({[s.key]: s.value})));
console.log(hash) // {a: b, x: y}
これは私がTypeScriptでやっていることです私はこのようなものを置く私は小さなutilsライブラリを持っている
export const arrayToHash = (array: any[], id: string = 'id') =>
array.reduce((obj, item) => (obj[item[id]] = item , obj), {})
使用法:
const hash = arrayToHash([{id:1,data:'data'},{id:2,data:'data'}])
または 'id'以外の識別子がある場合
const hash = arrayToHash([{key:1,data:'data'},{key:2,data:'data'}], 'key')
簡単なJavascriptを使う
var createMapFromList = function(objectList, property) {
var objMap = {};
objectList.forEach(function(obj) {
objMap[obj[property]] = obj;
});
return objMap;
};
// objectList - the array ; property - property as the key
他のポスターで説明されているようにこれを行うにはもっと良い方法があります。しかし、私が純粋なJSと昔ながらのやり方に固執したいのであれば、それはここにあります:
var arr = [
{ key: 'foo', val: 'bar' },
{ key: 'hello', val: 'world' },
{ key: 'hello', val: 'universe' }
];
var map = {};
for (var i = 0; i < arr.length; i++) {
var key = arr[i].key;
var value = arr[i].val;
if (key in map) {
map[key].Push(value);
} else {
map[key] = [value];
}
}
console.log(map);
やってみる
let toHashMap = (a,f) => a.reduce((a,c)=> (a[f(c)]=c,a),{});
let arr=[
{id:123, name:'naveen'},
{id:345, name:"kumar"}
];
let fkey = o => o.id; // function changing object to string (key)
let toHashMap = (a,f) => a.reduce((a,c)=> (a[f(c)]=c,a),{});
console.log( toHashMap(arr,fkey) );
// Adding to prototype is NOT recommented:
//
// Array.prototype.toHashMap = function(f) { return toHashMap(this,f) };
// console.log( arr.toHashMap(fkey) );
新しい Object.fromEntries() メソッドを使用できます
const array = [
{key: 'a', value: 'b', redundant: 'aaa'},
{key: 'x', value: 'y', redundant: 'zzz'}
]
const hash = Object.fromEntries(
array.map(e => [e.key, e.value])
)
console.log(hash) // {a: b, x: y}
reduce
の使い方を少し改善しました。
var arr = [
{ key: 'foo', val: 'bar' },
{ key: 'hello', val: 'world' }
];
var result = arr.reduce((map, obj) => ({
...map,
[obj.key] = obj.val
}), {});
console.log(result);
// { foo: 'bar', hello: 'world' }
以下は、オブジェクトの属性値でインデックス付けされた、オブジェクトの配列をハッシュマップに変換するためにJavaScriptで作成した小さなスニペットです。ハッシュマップのキーを動的に(ランタイムに)評価する機能を提供できます。
function isFunction(func){
return Object.prototype.toString.call(func) === '[object Function]';
}
/**
* This function converts an array to hash map
* @param {String | function} key describes the key to be evaluated in each object to use as key for hasmap
* @returns Object
* @Example
* [{id:123, name:'naveen'}, {id:345, name:"kumar"}].toHashMap("id")
Returns :- Object {123: Object, 345: Object}
[{id:123, name:'naveen'}, {id:345, name:"kumar"}].toHashMap(function(obj){return obj.id+1})
Returns :- Object {124: Object, 346: Object}
*/
Array.prototype.toHashMap = function(key){
var _hashMap = {}, getKey = isFunction(key)?key: function(_obj){return _obj[key];};
this.forEach(function (obj){
_hashMap[getKey(obj)] = obj;
});
return _hashMap;
};
あなたはここで要旨を見つけることができます: https://Gist.github.com/naveen- ithappu/c7cd5026f6002131c1fa