Динамическое создание ключей в ассоциативном массиве JavaScript
Как я могу динамически создавать ключи в ассоциативных массивах 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.
Ответы
Ответ 1
Используйте первый пример. Если ключ не существует, он будет добавлен.
var a = new Array();
a['name'] = 'oscar';
alert(a['name']);
Появится окно сообщения, содержащее "oscar".
Try:
var text = 'name = oscar'
var dict = new Array()
var keyValuePair = text.replace(/ /g,'').split('=');
dict[ keyValuePair[0] ] = keyValuePair[1];
alert( dict[keyValuePair[0]] );
Ответ 2
Как-то все примеры, хорошо работающие, сложны:
- Они используют
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 use only our own properties
if (dict.hasOwnProperty(key)) {
console.log("key = " + key + ", value = " + dict[key]);
}
}
Удаление значений также легко:
// let delete fred
delete dict.fred;
// fred is removed, the rest is still intact
// let delete 2bob2
delete dict["2bob2"];
// let delete our secret key
delete dict[key];
// now dict is empty
// let 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 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 ;-)
}
Ответ 3
Javascript не имеет ассоциативных массивов, он имеет объекты.
Следующие строки кода делают одно и то же: установите поле "имя" объекта на "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';
Похоже, что у вас есть ассоциативный массив, потому что 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.
Ответ 4
В ответ на 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]
и использовать ее как ассоциативный ключ. Это единственный способ заставить меня работать. После того, как вы настроили его, вы можете либо ссылаться на него с числовым индексом или ключом в кавычках.
Надеюсь, что это поможет.
Ответ 6
Все современные браузеры поддерживают Map, который является строкой данных с ключом/значением. Есть несколько причин, которые делают использование карты лучше, чем 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 вместо карты.
Ответ 7
Я думаю, что лучше, если бы вы только что создали
var arr = [];
arr = {
key1: 'value1',
key2:'value2'
};
для получения дополнительной информации, посмотрите на это
Структуры данных JavaScript - ассоциативный массив
Ответ 8
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" ] и выполнять итерацию только через эти свойства.
Ответ 9
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]);
}
}
};
}
Ответ 10
Обнаружил, что есть также эти методы, но не уверен насчет примера совместимости defineProperty, помеченного как совместимый с IE9 (> = 8?) В MDN:
var foo={};
foo["bar"] = new Object({"prop":"value"});
var indirectName = "prop2";
Object.defineProperty(foo["bar"], indirectName,
{value:"value2", enumerable:true, configurable:true, writable:true})
// or simply
foo["bar"][indirectName + ".3"] = "value123";
console.log(JSON.stringify(foo));
Ответ 11
Обнаружил, что есть также эти методы, но не уверен насчет примера совместимости defineProperty, помеченного как совместимый с IE9 (> = 8?) В MDN:
var foo={};
foo["bar"] = {"prop":"value"};
var indirectName = "prop2";
Object.defineProperty(foo["bar"], indirectName,
{value:"value2", enumerable:true, configurable:true, writable:true})
// or simply
foo["bar"][indirectName + ".3"] = "value123";
console.log(JSON.stringify(foo));