Использование целого числа в качестве ключа в ассоциативном массиве в JavaScript

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

Например:

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

выведет 2298 неопределенных и одну «Некоторую строку».

Как мне заставить 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, которое вы получили бы, если сериализовали объект Dictionary <string, string> [].

Используйте объект с целым числом в качестве ключа, а не массив.

Иногда я использую префиксы для своих ключей. Например:

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

obj = {};

obj[key] = val;

Теперь у вас нет проблем с доступом к ним.