การใช้จำนวนเต็มเป็นคีย์ในอาร์เรย์ที่เชื่อมโยงใน JavaScript

เมื่อฉันสร้างอาร์เรย์ JavaScript ใหม่และใช้จำนวนเต็มเป็นคีย์แต่ละองค์ประกอบของอาร์เรย์นั้นจนถึงจำนวนเต็มจะถูกสร้างขึ้นโดยไม่ได้กำหนดไว้

ตัวอย่างเช่น:

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

จะส่งออก 2298 undefined และหนึ่งสตริง '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 ช่วยให้การใช้แผนที่วัตถุ (คนเอกสาร , การเปรียบเทียบกับวัตถุ ) หากรหัสของคุณถูกตีความในเครื่องหรือตารางความเข้ากันได้ของ 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);

ลองใช้ Object ไม่ใช่ Array:

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

อย่างที่คุณเห็นคุณสามารถหลีกเลี่ยงข้อ จำกัด อาร์เรย์ที่เชื่อมโยงได้และมีชื่อคุณสมบัติเป็นจำนวนเต็ม

หมายเหตุ: Associative array ในตัวอย่างของฉันคือเนื้อหา JSON ที่คุณจะมีหากคุณทำให้อ็อบเจ็กต์ Dictionary <string, string> [] เป็นอนุกรม

ใช้ออบเจ็กต์ - โดยมีจำนวนเต็มเป็นคีย์ - แทนที่จะใช้อาร์เรย์

บางครั้งฉันใช้คำนำหน้าสำหรับคีย์ของฉัน ตัวอย่างเช่น:

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

obj = {};

obj[key] = val;

ตอนนี้คุณไม่มีปัญหาในการเข้าถึง