JavaScript:キーが重複したオブジェクトを作りたい

Question

元になるオブジェクトの配列→[{...}, {...}, {...}]

それぞれのオブジェクト
↓
{name: 'test', value: '1'}
{name: 'sample', value: '2'}
{name: sample', value: '3'}

上記のようなオブジェクトの配列があったときに、これを一つのオブジェクトにまとめたいです。

var param = 上記の例の配列;
var obj = {};

$.map(param, function(n, i){
    obj[n['name']] = n['value'];
});

としたところ、sampleというキーの値が最後に追加された値になってしまいます。これをもとのデータにあったように、同じキーの値をすべて保持することはできないでしょうか。

{test: '1', sample: '2', sample'3'}

上記のように一つのオブジェクトで複数の同一のキーを持つようにしたいです。

上記のようなオブジェクトがJavaScriptの仕様上作成できない場合は、

{test: '1', sample: '2, 3'}
or
{test: '2', sample: [2, 3]}

のように、同一のキーの値をまとめてしまってもいいかと思っております。ご教示賜れますと幸いです。よろしくお願いいたします。

Comments

[maisumakun]

> 同一のキーの値をまとめてしまってもいいかと思っております。

こちらについて、コードは検討してみましたでしょうか。

（キーの重複は不可能です）

[Ykkykk]

そうなのですね、、、。では配列か何かで一つのキーに複数の値を持たせることになるのですね。
$.map(param, function(n, i){
if (obj[n['name']] == 'sample'){
obj[n['name']].obj[n['name']].push(obj[n['value']]);
}
});
とりあえず同一キーの配列になれば、と思い、上記のようにしてみたのですが、特にエラーなどは出ずにまた配列にもならず最初と同じように最後の値だけが渡されている状況です。。。続きを読む ∨

Answer 1

一つのオブジェクトで複数の同一のキーを持つようにしたいです。

それは不可能です。

同一のキーの値をまとめてしまってもいい

単純に obj[n['name']] に n['value'] を代入するのではなくて、

• obj[n['name']] が undefined だったら、従来どおり代入
• obj[n['name']] が配列だったら、そこに push(n['value'])
• obj[n['name']] がそれ以外だったら、[obj[n['name']], n['value']] を代入

Comments

[Ykkykk]

ご回答いただきありがとうございます。おっしゃっているようにしてみたのですが、三つ重複している場合、最初の二つが配列で最後の一つは整数の配列になってしまいました。。。下記のようにしてみております。
$.map(param, function(n, i){
if (obj[n['name']] == undefined){
obj[n['name']] = n['value'];
} else if (obj[n['name']].isArray == true){
obj[n['name'].push(n['value']);
} else {
obj[n['name']] = [obj[n['name']], n['value']];
}
});
すると、重複している箇所が、sample: [[1, 2], 3]のようになっております。上記のコードだとどこが問題となるでしょうか。

[int32_t]

isArray() の使い方が間違ってますね。https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray

if (Array.isArray(obj[n['name']])) {

[Ykkykk]

すみません、大変初歩的なミスでした。ご提示いただいたように、リストを値として保持することができました。本当にありがとうございます。。。

Answer 2

const param = [{name: 'test', value: '1'},
{name: 'sample', value: '2'},
{name: 'sample', value: '3'}];
let obj = {};

for (x of param) {
    if (x.name in obj) {
        if (typeof(obj[x.name]) == "string") {
            obj[x.name] = [obj[x.name]];
        }
        obj[x.name].push(x.value);
    } else {
        obj[x.name] = x.value;
    }
}

console.log(obj)

無条件に配列にするならもちっと簡単になります。

Comments

[Ykkykk]

ご教示いただきありがとうございます。このようなやり方もできるのですね。JavaScriptを始めたばかりで手探り状態なため本当に助かります。ありがとうございます。

[takasima20]

(･∀･)b

Answer 3

formdataでやるのが普通では？

const fd=new FormData();
fd.append('test', '1');
fd.append('sample', '2');
fd.append('sample', '3');
console.log(fd.get('sample'));//2
console.log(fd.getAll('sample'));//["2","3"]