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

, если не есть чтобы быть массивом, вы можете создать "многомерный" объект 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]);

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

    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]);
        }//for

    }//for

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

      var foo = new Object();

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

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

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

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

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 [].

похоже, что для некоторых приложений существует гораздо более простой подход к многомерным ассоциативным массивам в 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 раз время доступа
• можно использовать объект.ключи () для извлечения всей информации об измерении И..
• можно использовать функцию regex.тест (строка) и массив.функция карты на клавишах, чтобы вытащить именно то, что вы хотите.
• нет иерархии в измерениях.
• "точка" произвольна - использование подчеркивания фактически упрощает регулярное выражение
• есть много сценариев для "выравнивания" JSON в этот формат и из него, а также
• можно использовать все из других хороших функций обработки массива на keylist

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

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

// Javascript
const matrix = [];

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

matrix.key2 = [
  'value3',
];

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

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

<script language="javascript">

// Set values to variable
var sectionName = "TestSection";
var fileMap = "fileMapData";
var fileId = "foobar";
var fileValue= "foobar.png";
var fileId2 = "barfoo";
var fileValue2= "barfoo.jpg";

// Create top-level image object
var images = {};

// Create second-level object in images object with
// the name of sectionName value
images[sectionName] = {};

// Create a third level object
var fileMapObj = {};

// Add the third level object to the second level object
images[sectionName][fileMap] = fileMapObj;

// Add forth level associate array key and value data
images[sectionName][fileMap][fileId] = fileValue;
images[sectionName][fileMap][fileId2] = fileValue2;


// All variables
alert ("Example 1 Value: " + images[sectionName][fileMap][fileId]);

// All keys with dots
alert ("Example 2 Value: " + images.TestSection.fileMapData.foobar);

// Mixed with a different final key
alert ("Example 3 Value: " + images[sectionName]['fileMapData'][fileId2]);

// Mixed brackets and dots...
alert ("Example 4 Value: " + images[sectionName]['fileMapData'].barfoo);

// This will FAIL! variable names must be in brackets!
alert ("Example 5 Value: " + images[sectionName]['fileMapData'].fileId2);
// Produces: "Example 5 Value: undefined".

// This will NOT work either. Values must be quoted in brackets.
alert ("Example 6 Value: " + images[sectionName][fileMapData].barfoo);
// Throws and exception and stops execution with error: fileMapData is not defined

// We never get here because of the uncaught exception above...
alert ("The End!");
</script>