Многомерные ассоциативные массивы в JavaScript

Получены следующие результаты запроса: (ключ1 и ключ2 могут быть любым текстом)

id   key1     key2     value

1    fred     apple    2
2    mary     orange   10
3    fred     banana   7
4    fred     orange   4
5    sarah    melon    5
...

и я хочу сохранить данные в сетке (возможно, в виде массива), циклически повторяя все записи следующим образом:

         apple    orange   banana  melon
fred        2        4         7     -
mary        -        10        -     -
sarah       -        -         -     5

В PHP это было бы очень просто, используя ассоциативные массивы:

$result['fred']['apple'] = 2;

Но в JavaScript подобные ассоциативные массивы не работают. Прочитав тонны руководств, я смог получить следующее:

arr=[];
arr[1]['apple'] = 2;

но arr['fred']['apple'] = 2;не работает. Я пробовал массивы объектов, но свойства объектов не могут быть свободным текстом. Чем больше я читал уроки, тем больше запутывался ...

Любая идея приветствуется :)

Просто используйте обычный объект JavaScript, который будет «читать» так же, как ваши ассоциативные массивы. Вы также должны не забыть инициализировать их.

var obj = {};

obj['fred'] = {};
if('fred' in obj ){ } // can check for the presence of 'fred'
if(obj.fred) { } // also checks for presence of 'fred'
if(obj['fred']) { } // also checks for presence of 'fred'

// The following statements would all work
obj['fred']['apples'] = 1;
obj.fred.apples = 1;
obj['fred'].apples = 1;

// or build or initialize the structure outright
var obj = { fred: { apples: 1, oranges: 2 }, alice: { lemons: 1 } };

Если вы просматриваете значения, вы можете увидеть что-то вроде этого:

var people = ['fred', 'alice'];
var fruit = ['apples', 'lemons'];

var grid = {};
for(var i = 0; i < people.length; i++){
    var name = people[i];
    if(name in grid == false){
        grid[name] = {}; // must initialize the sub-object, otherwise will get 'undefined' errors
    }

    for(var j = 0; j < fruit.length; j++){
        var fruitName = fruit[j];
        grid[name][fruitName] = 0;
    }
}

Если это не обязательно должен быть массив, вы можете создать «многомерный» JS-объект ...

<script type="text/javascript">
var myObj = { 
    fred: { apples: 2, oranges: 4, bananas: 7, melons: 0 }, 
    mary: { apples: 0, oranges: 10, bananas: 0, melons: 0 }, 
    sarah: { apples: 0, oranges: 0, bananas: 0, melons: 5 } 
}

document.write( myObject[ 'fred' ][ 'apples' ] );
</script>

Javascript гибкий:

var arr = {
  "fred": {"apple": 2, "orange": 4},
  "mary": {}
  //etc, etc
};

alert(arr.fred.orange);
alert(arr["fred"]["orange"]);
for (key in arr.fred)
    alert(key + ": " + arr.fred[key]);

Поскольку мне нужно было получить все элементы красивым образом, я столкнулся с этой темой SO «Обход двухмерного ассоциативного массива / объекта» - неважно, как меня зовут, потому что функциональность имеет значение.

var imgs_pl = { 
    'offer':        { 'img': 'wer-handwritter_03.png', 'left': 1, 'top': 2 },
    'portfolio':    { 'img': 'wer-handwritter_10.png', 'left': 1, 'top': 2 },
    'special':      { 'img': 'wer-handwritter_15.png', 'left': 1, 'top': 2 }
};
for (key in imgs_pl) { 
    console.log(key);
    for (subkey in imgs_pl[key]) { 
        console.log(imgs_pl[key][subkey]);
    }
}

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

1. Учитывая, что внутреннее представление всех массивов фактически является объектами объектов, было показано, что время доступа для элементов с числовой индексацией фактически такое же, как и для элементов с ассоциативной (текстовой) индексацией.

2. время доступа к ассоциативно проиндексированным элементам первого уровня не увеличивается по мере увеличения числа фактических элементов.

Учитывая это, может быть много случаев, когда на самом деле лучше использовать подход конкатенированных строк для создания эквивалентности многомерных элементов. Например:

store['fruit']['apples']['granny']['price] = 10
store['cereal']['natural']['oats']['quack'] = 20

идет к:

store['fruit.apples.granny.price'] = 10
store['cereal.natural.oats.quack'] = 20

Преимущества включают:

• нет необходимости инициализировать подобъекты или выяснять, как лучше всего комбинировать объекты
• одноуровневое время доступа. объектам внутри объектов требуется в N раз больше времени доступа
• может использовать Object.keys () для извлечения всей информации о размерах и ..
• Вы можете использовать функцию regex.test (string) и функцию array.map для клавиш, чтобы получить именно то, что вы хотите.
• нет иерархии в измерениях.
• "точка" произвольная - использование подчеркивания упрощает регулярное выражение
• есть много скриптов для "сглаживания" JSON в этот формат и из него.
• может использовать все другие функции обработки массива в списке ключей

Получить значение свойства массива ассоциативных массивов, если имя свойства является целым числом:

Начиная с ассоциативного массива, в котором имена свойств являются целыми числами:

var categories = [
    {"1":"Category 1"},
    {"2":"Category 2"},
    {"3":"Category 3"},
    {"4":"Category 4"}
];

Перенести элементы в массив:

categories.push({"2300": "Category 2300"});
categories.push({"2301": "Category 2301"});

Прокрутите массив и сделайте что-нибудь со значением свойства.

for (var i = 0; i < categories.length; i++) {
    for (var categoryid in categories[i]) {
        var category = categories[i][categoryid];
        // log progress to the console
        console.log(categoryid + " : " + category);
        //  ... do something
    }
}

Вывод в консоль должен выглядеть так:

1 : Category 1
2 : Category 2
3 : Category 3
4 : Category 4
2300 : Category 2300
2301 : Category 2301

Как видите, вы можете обойти ограничение ассоциативного массива и сделать имя свойства целым числом.

ПРИМЕЧАНИЕ. Ассоциативный массив в моем примере - это json, который у вас был бы, если бы вы сериализовали объект Dictionary [].

Не используйте массив, используйте объект.

var foo = new Object();

Вам не обязательно использовать объекты, вы можете сделать это с помощью обычных многомерных массивов.

Это мое решение без объектов :

// Javascript
const matrix = [];

matrix.key1 = [
  'value1',
  'value2',
];

matrix.key2 = [
  'value3',
];

что в PHP эквивалентно:

// PHP
$matrix = [
    "key1" => [
        'value1',
        'value2',
    ],
    "key2" => [
        'value3',
    ]
];

    var myObj = [];
    myObj['Base'] = [];
    myObj['Base']['Base.panel.panel_base'] = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
                                              Align:'',  AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };
    myObj['Base']['Base.panel.panel_top']  = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
                                              Align:'',AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };

    myObj['SC1'] = [];
    myObj['SC1']['Base.panel.panel_base'] = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
                                              Align:'',  AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };
    myObj['SC1']['Base.panel.panel_top']  = {ContextParent:'',ClassParent:'',NameParent:'',Context:'Base',Class:'panel',Name:'panel_base',Visible:'',ValueIst:'',ValueSoll:'',
                                              Align:'',AlignFrom:'',AlignTo:'',Content:'',onClick:'',Style:'',content_ger_sie:'',content_ger_du:'',content_eng:'' };


    console.log(myObj);

    if ('Base' in myObj) {
      console.log('Base found');

      if ('Base.panel.panel_base' in myObj['Base'])  {
        console.log('Base.panel.panel_base found'); 


      console.log('old value: ' + myObj['Base']['Base.panel.panel_base'].Context);  
      myObj['Base']['Base.panel.panel_base'] = 'new Value';
      console.log('new value: ' + myObj['Base']['Base.panel.panel_base']);
      }
    }

Вывод:

• База найдена
• Base.panel.panel_base найдена
• старое значение: База
• новое значение: новое значение

Операция с массивом работает. Нет проблем.

Итерация:

     Object.keys(myObj['Base']).forEach(function(key, index) {            
        var value = objcons['Base'][key];                   
      }, myObj);