А как сделать в javascript динамический многомерный массив?

Question

[Alex Ershov]

А вот в пхп можно так:
foreach ($_GET as $item)
$arr[$item['name']][] = $item['value']

Как такое сделать на JS ?

Суть текстом: есть произвольное количество инпутов наподоби таких

Я прохожу каждый из них функцией .each() и хочу составить итоговый массив, в котором будет такая иерархия

arrayName => [
nameOleg => [5,6]
nameIvan=> [5]
]
Объекты или массивы это будут все равно. Главное что бы можно было задать имена такие, какие они в name у input

Answer 1

[Даниил Костин]

var $arr = {};
if(!$arr[$item['name']]) 
    $arr[$item['name']] = [];
$arr[$item['name']].push($item['value']);

Comments

[Алексей Уколов]

Называть переменную arr и писать туда объект, да еще и доллар префиксить - это такая бомба для того, кто через полгода разбираться в коде будет? :)
Понятно, что это секундная копипаста кода автора, но всё же не стоит плодить плохое.

[Alex Ershov]

Благодарю. Так работает. Правда, я надеялся, что есть какая-то более универсальная конструкция, как в пхп, без промежуточного создания пустых значений

[Даниил Костин]

Алексей Уколов: зато автору сразу понятно.

Answer 2

[Ivanq]

var arr = {};
for(var i=0;i<$_GET.length;i++) {
    var item = $_GET[i];
    arr[item.name] = [item.value];
}

Comments

[Alex Ershov]

и получу
arrayName => [
nameOleg => [6] // только последний, так как перезаписывает
nameIvan=> [5]
]

[Ivanq]

kilimandjaro:

var arr = {};
for(var i=0;i<$_GET.length;i++) {
    var item = $_GET[i];
    if(!arr[item.name]) arr[item.name] = [];
    arr[item.name].push(item.value);
}

[Alex Ershov]

Ivanq: этот вариант работает, безусловно. Я надеялся на решение без промуточного создания пустых массивов

[Майк]

ну можно тогда в переменную arr[item.name] запихивать массив значений, попутно проверея на дубликаты, если требутеся

[Ivanq]

kilimandjaro: Тогда

var arr = {};
for(var i=0;i<$_GET.length;i++) {
    var item = $_GET[i];
    if(!arr[item.name]) arr[item.name] = [item.value];
    else arr[item.name].push(item.value);
}

[Alex Ershov]

Майк: пример можно? Не понял, что вы имели ввиду

[Майк]

kilimandjaro, Ivanq уже опередил ))

Answer 3

[hjk]

В javascript всё очень похоже. Можно сделать $arr[$item['name']][] = $item['value'], только вместо квадратных скобок можно использовать метод push:
$arr[$item['name']].push($item['value'])
Многомерный динамический массив.

Comments

[Alex Ershov]

Вы, наверное, не проверили, работает или нет. У меня вот не сработало
$('foo').find("input:checked").each(function(){
ee = this.getAttribute('name'); // asdas asd
tt = this.getAttribute('value');
rr[ee].push(tt)
});
Uncaught TypeError: Cannot read property 'push' of undefined

Работает только так
if(!rr[ee])
rr[ee] = [];
rr[ee].push(tt);

[hjk]

kilimandjaro: похоже на то, что сначала было бы неплохо переменную определить. То есть в вашем случае что-то вроде var rr = [];.

[Alex Ershov]

hjk: она определяется перед $('foo').find("input:checked").each(function(){ Так и есть

[hjk]

kilimandjaro: да, надо сначала создавать пустое значение Даниил Костин написал как нужно

[hjk]

kilimandjaro: а не работало потому, что элемента rr[ee] в массиве rr нет, то есть это ещё как бы не массив, поэтому push не понимает, что ему делать. Он считает, что его вызвали «просто так» :)

Answer 4

[Виталий Инчин ☢]

Array.prototype.reduce.call($("input"), function(p, t){
   return  p[t.name] = t.value, p;
}, {});

----------------------------------------
Пример
----------------------------------------

<input type="text" name="one" value="222">
<input type="text" name="two" value="228">

И его результат

{
   one : "222",
   two : "228"
}

Comments

[Alex Ershov]

А как вызывать это? У меня сейчас вот так:

$('foo').find("input:checked").each(function(){
Array.prototype.reduce.call($("input"), function(p, t){
return p[t.name] = t.value, p;
}, {});
});
так?

[Виталий Инчин ☢]

kilimandjaro: Смотря что хотите получить...

//foo это что, тег такой?
Array.prototype.reduce.call($('foo').find("input"), function(p, t){
return p[t.name] = t.checked, p;
}, {});