Динамическое создание ключей в ассоциативном массиве JavaScript


199

Как я могу динамически создавать ключи в ассоциативных массивах JavaScript?

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

 arr['key'] = val;

У меня есть такая строка " name = oscar "

И я хочу закончить с чем-то вроде этого:

{ name: 'whatever' }

То есть я разделяю строку и получаю первый элемент и хочу поместить его в словарь.

Код

var text = ' name = oscar '
var dict = new Array();
var keyValuePair = text.split(' = ');
dict[ keyValuePair[0] ] = 'whatever';
alert( dict ); // prints nothing.

24
Для удобства
перейдите по

Ответы:


143

Используйте первый пример. Если ключ не существует, он будет добавлен.

var a = new Array();
a['name'] = 'oscar';
alert(a['name']);

Появится сообщение, содержащее «Оскар».

Пытаться:

var text = 'name = oscar'
var dict = new Array()
var keyValuePair = text.replace(/ /g,'').split('=');
dict[ keyValuePair[0] ] = keyValuePair[1];
alert( dict[keyValuePair[0]] );

Я использовал этот пример в Firefox просто для уверенности. Вы уверены, что поставили «имя» в кавычках?
tvanfosson

1
Угу, нет, потому что я создаю ключ "динамически", а не статически. Позвольте мне в любом случае перепроверить :)
OscarRyz

2
Пожалуйста, обратитесь к более полному объяснению Дэнни. Вы не сможете ссылаться на значения массива в цикле for с индексом (например, myarray [i]). Надеюсь, это не слишком смущает.
MK_Dev

4
Еще лучше использовать объект (обозначение скобки {}), чтобы избежать издержек, связанных с наличием .length, .slice () и т. Д., Которые включены в прототип Array
bjornl

488

Каким-то образом все примеры, хотя и работают хорошо, слишком сложны:

  • Они используют new Array(), что является избыточным (и дополнительным) для простого ассоциативного массива (словарь AKA).
  • Лучшие используют new Object(). Работает нормально, но зачем все это лишнее печатать?

Этот вопрос помечен как «новичок», поэтому давайте сделаем его проще.

Упрощенный способ использования словаря в JavaScript или «Почему в JavaScript нет специального объекта словаря?»:

// create an empty associative array (in JavaScript it is called ... Object)
var dict = {};   // huh? {} is a shortcut for "new Object()"

// add a key named fred with value 42
dict.fred = 42;  // we can do that because "fred" is a constant
                 // and conforms to id rules

// add a key named 2bob2 with value "twins!"
dict["2bob2"] = "twins!";  // we use the subscript notation because
                           // the key is arbitrary (not id)

// add an arbitrary dynamic key with a dynamic value
var key = ..., // insanely complex calculations for the key
    val = ...; // insanely complex calculations for the value
dict[key] = val;

// read value of "fred"
val = dict.fred;

// read value of 2bob2
val = dict["2bob2"];

// read value of our cool secret key
val = dict[key];

Теперь давайте изменим значения:

// change the value of fred
dict.fred = "astra";
// the assignment creates and/or replaces key-value pairs

// change value of 2bob2
dict["2bob2"] = [1, 2, 3];  // any legal value can be used

// change value of our secret key
dict[key] = undefined;
// contrary to popular beliefs assigning "undefined" does not remove the key

// go over all keys and values in our dictionary
for (key in dict) {
  // for-in loop goes over all properties including inherited properties
  // let's use only our own properties
  if (dict.hasOwnProperty(key)) {
    console.log("key = " + key + ", value = " + dict[key]);
  }
}

Удалить значения тоже легко:

// let's delete fred
delete dict.fred;
// fred is removed, the rest is still intact

// let's delete 2bob2
delete dict["2bob2"];

// let's delete our secret key
delete dict[key];

// now dict is empty

// let's replace it, recreating all original data
dict = {
  fred:    42,
  "2bob2": "twins!"
  // we can't add the original secret key because it was dynamic,
  // we can only add static keys
  // ...
  // oh well
  temp1:   val
};
// let's rename temp1 into our secret key:
if (key != "temp1") {
  dict[key] = dict.temp1; // copy the value
  delete dict.temp1;      // kill the old key
} else {
  // do nothing, we are good ;-)
}

2
Здравствуйте, я знаю, что отвечаю на старый ответ, но он занимает высокое место в Google, поэтому я все равно спрошу. Я немного растерялся из-за того, что «мы не можем добавить оригинальный секретный ключ, потому что он был динамическим, мы можем добавлять только статические ключи» в вашем примере.
Карел Билек

1
Это означает именно то, что он говорит: мы не знаем его значение, поэтому мы не можем представить его как константу, что требуется при указании ключа в литерале объекта.
Евгений Лазуткин

3
Однако «мы не можем добавить исходный секретный ключ, потому что он был динамическим», сам по себе неверен, даже если вы не можете использовать переменную в качестве ключа непосредственно в {} или в качестве ключа с точечной нотацией. Мы по-прежнему можем добавить динамический ключ с помощью «dict [key] = val», как показано в начале примера. Ограничение заключается в использовании {} -нозначения, а не самого ключа.
Zut

8
Это похоже на ответ Шелдона Купера :)
jpatiaga

4
идеальный полный ответ, должен быть по умолчанию
Деннис Голомазов

29

Javascript не имеет ассоциативных массивов , у него есть объекты .

Все следующие строки кода делают одно и то же - установите для поля 'name' объекта значение 'orion'.

var f = new Object(); f.name = 'orion';
var f = new Object(); f['name'] = 'orion';
var f = new Array(); f.name = 'orion';
var f = new Array(); f['name'] = 'orion';
var f = new XMLHttpRequest(); f['name'] = 'orion';

Похоже, у вас есть ассоциативный массив, потому что an Arrayтакже является Object- однако вы вообще не добавляете вещи в массив, вы устанавливаете поля для объекта.

Теперь, когда это прояснено, вот рабочее решение для вашего примера

var text = '{ name = oscar }'
var dict = new Object();

// Remove {} and spaces
var cleaned = text.replace(/[{} ]/g, '');

// split into key and value
var kvp = cleaned.split('=');

// put in the object
dict[ kvp[0] ] = kvp[1];
alert( dict.name ); // prints oscar.

Предполагая, что текстовая строка действительно имеет фигурные скобки, вы можете более или менее рассматривать ее как JSON ... заменить знак = на: и у вас есть объект для
оценки

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

9

В ответ на MK_Dev можно выполнять итерацию, но не последовательно. (Для этого явно нужен массив)

Быстрый поиск Google вызывает хеш-таблицы в JavaScript

Пример кода для зацикливания значений в хэше (из вышеупомянутой ссылки):

var myArray = new Array();
myArray['one'] = 1;
myArray['two'] = 2;
myArray['three'] = 3;

// show the values stored
for (var i in myArray) {
    alert('key is: ' + i + ', value is: ' + myArray[i]);
}

5

Исходный код (я добавил номера строк, чтобы можно было ссылаться на них):

1  var text = ' name = oscar '
2  var dict = new Array();
3  var keyValuePair = text.split(' = ');
4  dict[ keyValuePair[0] ] = 'whatever';
5  alert( dict ); // prints nothing.

Почти готово...

  • строка 1: вы должны сделать trimтак, чтобы текст был таким name = oscar.
  • строка 3: хорошо, если у вас ВСЕГДА есть пробелы вокруг вашего равного. может быть лучше не trimв строке 1, использовать =и обрезать каждый keyValuePair
  • добавить строку после 3 и до 4:

    key = keyValuePair[0];`
  • строка 4: теперь становится:

    dict[key] = keyValuePair[1];
  • строка 5: Изменить на:

    alert( dict['name'] );  // it will print out 'oscar'

Я пытаюсь сказать, что dict[keyValuePair[0]]это не работает, вам нужно установить строку keyValuePair[0]и использовать ее в качестве ассоциативного ключа. Это единственный способ заставить меня работать. После того, как вы настроите его, вы можете обратиться к нему с помощью числового индекса или ввести кавычки.

Надеюсь, это поможет.


4

Все современные браузеры поддерживают Карту , которая является стриктурой данных ключ / значение. Есть несколько причин, по которым использование карты лучше, чем Object:

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

Пример:

var myMap = new Map();

var keyObj = {},
    keyFunc = function () {},
    keyString = "a string";

myMap.set(keyString, "value associated with 'a string'");
myMap.set(keyObj, "value associated with keyObj");
myMap.set(keyFunc, "value associated with keyFunc");

myMap.size; // 3

myMap.get(keyString);    // "value associated with 'a string'"
myMap.get(keyObj);       // "value associated with keyObj"
myMap.get(keyFunc);      // "value associated with keyFunc"

Если вы хотите, чтобы ключи, на которые нет ссылок из других объектов, собирались мусором, рассмотрите возможность использования WeakMap вместо Map.



1
var myArray = new Array();
myArray['one'] = 1;
myArray['two'] = 2;
myArray['three'] = 3;
// show the values stored
for (var i in myArray) {
    alert('key is: ' + i + ', value is: ' + myArray[i]);
}

это нормально, но перебирает все свойства объекта массива. если вы хотите перебирать только свойства myArray.one, myArray.two ... попробуйте вот так

myArray['one'] = 1;
myArray['two'] = 2;
myArray['three'] = 3;
myArray.push("one");
myArray.push("two");
myArray.push("three");
for(i=0;i<maArray.length;i++{
    console.log(myArray[myArray[i]])
}

теперь вы можете получить доступ как к myArray ["one"], так и выполнять итерации только через эти свойства.


Вы подсчитали количество опечаток в вашем примере? :-) maArray, забыто закрыто ')' ...
Брайан Хаак

Спасибо за пример. Мы могли бы объединиться Arrayи Objectработать только с Objectдеревьями! Замечательное понимание! Это очень полезно сделать Object.getOwnPropertyNames(obj/array)!
Брайан Хаак

1
var obj = {};

                for (i = 0; i < data.length; i++) {
                    if(i%2==0) {
                        var left = data[i].substring(data[i].indexOf('.') + 1);
                        var right = data[i + 1].substring(data[i + 1].indexOf('.') + 1);

                        obj[left] = right;
                        count++;
                    }
                }
                console.log("obj");
                console.log(obj);
                // show the values stored
                for (var i in obj) {
                    console.log('key is: ' + i + ', value is: ' + obj[i]);
                }

            }
        };

}

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.