Menggunakan integer sebagai kunci dalam array asosiatif di JavaScript

Ketika saya membuat array JavaScript baru, dan menggunakan integer sebagai kunci, setiap elemen dari array tersebut hingga integer dibuat sebagai tidak terdefinisi.

Sebagai contoh:

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

akan menampilkan 2298 undefined dan satu 'Some string'.

Bagaimana cara mendapatkan JavaScript agar menggunakan 2300 sebagai string alih-alih integer, atau bagaimana cara mencegahnya membuat 2299 indeks kosong?

Gunakan sebuah objek, seperti yang dikatakan orang. Namun, perhatikan bahwa Anda tidak dapat memiliki kunci integer. JavaScript akan mengubah integer menjadi string . Output berikut 20, tidak ditentukan:

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

Anda bisa menggunakan objek:

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

Seperti yang dikatakan orang, JavaScript akan mengubah string angka menjadi integer, jadi tidak mungkin untuk digunakan secara langsung pada array asosiatif, tetapi objek akan bekerja untuk Anda dengan cara yang sama menurut saya.

Anda dapat membuat objek Anda:

var object = {};

Dan tambahkan nilai saat array berfungsi:

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

Ini akan memberi Anda:

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

Setelah itu Anda dapat mengaksesnya seperti array dalam bahasa lain mendapatkan kuncinya:

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

Saya telah menguji dan bekerja.

Jika kasus penggunaan menyimpan data dalam koleksi maka ECMAScript 6 menyediakan Maptipenya.

Hanya lebih berat untuk menginisialisasi.

Berikut ini contohnya:

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)})`);
}

Hasil:

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

Menyusun jawaban lain:

Obyek

var test = {};

Saat menggunakan angka sebagai kunci properti baru, angka tersebut berubah menjadi string:

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

Saat mengakses nilai properti menggunakan nomor yang sama, nomor tersebut diubah menjadi string lagi:

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

Namun, ketika mendapatkan kunci dari objek, mereka tidak akan diubah kembali menjadi angka:

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

Peta

ECMAScript 6 memungkinkan penggunaan objek Peta ( dokumentasi , perbandingan dengan Objek ). Jika kode Anda dimaksudkan untuk diinterpretasikan secara lokal atau tabel kompatibilitas ECMAScript 6 tampak cukup hijau untuk tujuan Anda, pertimbangkan untuk menggunakan Peta:

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

Tidak ada jenis konversi yang dilakukan, menjadi lebih baik dan lebih buruk:

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

Gunakan objek alih-alih array. Array dalam JavaScript bukanlah array asosiatif. Mereka adalah objek dengan sihir yang terkait dengan properti apa pun yang namanya terlihat seperti bilangan bulat. Keajaiban itu bukanlah yang Anda inginkan jika Anda tidak menggunakannya sebagai struktur seperti larik tradisional.

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

Coba gunakan Object, bukan Array:

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

Dapatkan nilai untuk properti array asosiatif jika nama properti adalah bilangan bulat:

Dimulai dengan array asosiatif dimana nama propertinya adalah integer:

var categories = [
    {"1": "Category 1"},
    {"2": "Category 2"},
    {"3": "Category 3"},
    {"4": "Category 4"}
];

Dorong item ke array:

categories.push({"2300": "Category 2300"});
categories.push({"2301": "Category 2301"});

Ulangi array dan lakukan sesuatu dengan nilai properti.

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
    }
}

Output konsol akan terlihat seperti ini:

1: Category 1
2: Category 2
3: Category 3
4: Category 4
2300: Category 2300
2301: Category 2301

Seperti yang Anda lihat, Anda bisa mengatasi batasan array asosiatif dan memiliki nama properti berupa integer.

CATATAN: Array asosiatif dalam contoh saya adalah konten JSON yang akan Anda miliki jika Anda membuat serial objek <string, string> [] Kamus.

Gunakan objek - dengan integer sebagai kuncinya - daripada array.

Terkadang saya menggunakan prefiks untuk kunci saya. Sebagai contoh:

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

obj = {};

obj[key] = val;

Sekarang Anda tidak memiliki masalah untuk mengaksesnya.