Використання цілого числа як ключа в асоціативному масиві JavaScript

Коли я створюю новий масив JavaScript і використовую ціле число в якості ключа, кожен елемент цього масиву до цілого числа створюється як невизначений.

Наприклад:

var test = new Array();
test[2300] = 'Some string';
console.log(test);

виведе 2298 невизначених та один 'Some string'.

Як я можу змусити JavaScript використовувати 2300 як рядок замість цілого чи, або як я можу не захищати 2299 порожніх індексів?

Використовуйте об'єкт, як кажуть люди. Однак зауважте, що у вас не може бути цілих ключів. JavaScript перетворить ціле число в рядок . Наступні виводи 20, не визначені:

var test = {}
test[2300] = 20;
console.log(test["2300"]);

Ви можете просто використовувати об’єкт:

var test = {}
test[2300] = 'Some string';

Як кажуть люди, JavaScript перетворить рядок числа в ціле число, тому використовувати його безпосередньо в асоціативному масиві неможливо, але об'єкти будуть працювати для вас аналогічно, як я думаю.

Ви можете створити свій об’єкт:

var object = {};

І додайте значення, як працює масив:

object[1] = value;
object[2] = value;

Це дасть вам:

{
  '1': value,
  '2': value
}

Після цього ви можете отримати доступ до нього як до масиву іншими мовами, отримавши ключ:

for(key in object)
{
   value = object[key] ;
}

Я перевірив і працює.

Якщо випадок використання зберігає дані в колекції, то тип ECMAScript 6 надає Mapтип.

Ініціалізувати лише важче.

Ось приклад:

const map = new Map();
map.set(1, "One");
map.set(2, "Two");
map.set(3, "Three");

console.log("=== With Map ===");

for (const [key, value] of map) {
    console.log(`${key}: ${value} (${typeof(key)})`);
}

console.log("=== With Object ===");

const fakeMap = {
    1: "One",
    2: "Two",
    3: "Three"
};

for (const key in fakeMap) {
    console.log(`${key}: ${fakeMap[key]} (${typeof(key)})`);
}

Результат:

=== With Map ===
1: One (number)
2: Two (number)
3: Three (number)
=== With Object ===
1: One (string)
2: Two (string)
3: Three (string)

Складання інших відповідей:

Об'єкт

var test = {};

Використовуючи число як ключ нового властивості, число перетворюється на рядок:

test[2300] = 'Some string';
console.log(test['2300']);
// Output: 'Some string'

При доступі до значення властивості з використанням того ж числа, це число знову перетворюється на рядок:

console.log(test[2300]);
// Output: 'Some string'

Однак, отримуючи ключі від об'єкта, вони не збираються повертатись назад у цифри:

for (var key in test) {
    console.log(typeof key);
}
// Output: 'string'

Карта

ECMAScript 6 дозволяє використовувати об’єкт Map ( документація , порівняння з Object ). Якщо ваш код призначений для інтерпретації локально або таблиця сумісності ECMAScript 6 виглядає досить зеленою для ваших цілей, спробуйте скористатися картою:

var test = new Map();
test.set(2300, 'Some string');
console.log(test.get(2300));
// Output: 'Some string'

Перетворення типів не проводиться для кращого та гіршого:

console.log(test.get('2300'));
// Output: undefined
test.set('2300', 'Very different string');
console.log(test.get(2300));
// Output: 'Some string'

Використовуйте об'єкт замість масиву. Масиви в JavaScript не є асоціативними масивами. Вони є предметами з магією, пов'язаними з будь-якими властивостями, назви яких мають вигляд цілих чисел. Ця магія - це не те, чого ви хочете, якщо ви не використовуєте їх як традиційну структуру, схожу на масив.

var test = {};
test[2300] = 'some string';
console.log(test);

Спробуйте використовувати об’єкт, а не масив:

var test = new Object(); test[2300] = 'Some string';

Отримайте значення для властивості асоціативного масиву, коли ім'я властивості є цілим числом:

Починаючи з асоціативного масиву, де імена властивостей є цілими числами:

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, який ви мали б, якби ви серіалізували об'єкт Словник <рядок, рядок> [].

Використовуйте об’єкт - з цілим числом як ключовим - а не масив.

Іноді я використовую префікси для своїх ключів. Наприклад:

var pre = 'foo',
    key = pre + 1234

obj = {};

obj[key] = val;

Тепер у вас немає проблем із доступом до них.