Динамічне створення ключів в асоціативному масиві 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
Перейти за посиланням на відповідь Євгенія для зручності
user56reinstatemonica8

Відповіді:


142

Скористайтеся першим прикладом. Якщо ключ не існує, він буде доданий.

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

З'явиться вікно з повідомленням, яке містить "oscar".

Спробуйте:

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
Нм, ні, бо я створюю "динамічно" ключ не статично. Дозвольте мені все-таки
подвійно перевірити

2
Будь ласка, зверніться до більш повного пояснення Денні. Ви не зможете посилатися на значення масиву в циклі for для індексу (наприклад, myarray [i]). Сподіваюся, це не надто заплутано.
MK_Dev

4
Ще краще - використовувати об’єкт (дужка {} позначення), щоб уникнути накладних витрат .length, .slice () тощо, які включені в прототип масиву
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 немає асоціативних масивів , у нього є об'єкти .

Наступні рядки коду роблять абсолютно те саме - встановіть поле "ім'я" на об'єкті на "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.

Припускаючи , що текстова рядок на насправді є фігурні дужки, ви можете більш-менш розглядати його як JSON .. замінити знак = з: і у вас є об'єкт Eval ..
neonski

1
Ой, рядок не обмежено належним чином. Ніщо не може виправити.
neonski

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, використовувати =та обрізати кожен ключValuePair
  • додайте рядок після 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

Усі сучасні браузери підтримують карту , яка є суворою сумою даних про значення / значення. Є кілька причин, завдяки яким використання карт краще, ніж об’єкт:

  • Об'єкт має прототип, тому на карті є ключі за замовчуванням.
  • Ключі об’єкта - це рядки, де вони можуть бути будь-яким значенням для карти.
  • Ви можете легко отримати розмір Карти, поки вам слід буде відстежувати розмір Об'єкта.

Приклад:

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.