在阵列中存储和检索数据

Question

我需要你的帮助，

对于初学者，像下面这样设置数组会出错。 什么是正确的方法方法，然后再按以下方法检索其数据？

var office_a = {    
    name: [{
        name: "Alpha Branch", mailstop: "AB"
    }],    
    divisions: [{
        division1: "Division 1 Office Name", mailstop: "DIV1",
        division2: "Division 2 Office Name", mailstop: "DIV2",
        division3: "Division 3 Office Name", mailstop: "DIV3"
    }]    
};

function test() {    
    alert(office_a[name].name); // -> "Alpha Branch"    
    alert(office_a[name].mailstop); // -> "B1"    
    alert(office_a[divisions][division1.name]); // -> "Division 1 Office Name"    
    alert(office_a[divisions][division1.mailstop]); // -> "DIV1"
}

test();

Answer 1

试试看（基本上，您需要考虑关联数组中的数组索引）。 检查这个小提琴

 var office_a = {    
    name: [{
        name: "Alpha Branch", mailstop: "AB"
    }],    
    divisions: [{
        division1: "Division 1 Office Name", mailstop: "DIV1",
        division2: "Division 2 Office Name", mailstop: "DIV2",
        division3: "Division 3 Office Name", mailstop: "DIV3"
    }]    
};
function test() {
console.log(office_a.name[0].name);
console.log(office_a.name[0].mailstop);
console.log(office_a.divisions[0].division1);
console.log(office_a.divisions[0].mailstop);
}
test();

Answer 2

我以为我可以在这个问题上扩大。 如果您执行以下操作：

console.log(office_a);

您将能够在网络检查器中看到以下结果（我正在使用Chrome）。 我将仅在此处键入相关信息以实现您打算实现的目标。

Object {name: Array[1], divisions: Array[1]}
    divisions: Array[1]
        0: Object
            division1: "Division 1 Office Name"
            division2: "Division 2 Office Name"
            division3: "Division 3 Office Name"
            mailstop: "DIV3"
    name: Array[1]
        0: Object
            mailstop: "AB"
            name: "Alpha Branch"

通过查看此内容，您可以非常清楚地了解浏览器如何解释您的对象。 首先导致使用JavaScript文字符号来访问其内容，例如通过objectName.propertyName ：

console.log(office_a.name);
console.log(office_a.divisions);

这将产生上面看到的数组：

divisions
    0: Object
        division1: "Division 1 Office Name"
        division2: "Division 2 Office Name"
        division3: "Division 3 Office Name"
        mailstop: "DIV3"
name
    0: Object
        mailstop: "AB"
        name: "Alpha Branch"

您可以从此处访问每个对象的内容，在您的情况下，该内容是包含对象的数组。

console.log(office_a.name[0]);
console.log(office_a.divisions[0]);

正如我已经向您展示的那样，访问对象的特定内容就像在该对象内使用所需的属性一样简单。 对于您的情况，您想查看所有内容，因此请执行以下操作：

console.log(office_a.name[0].name); // Alpha Branch
console.log(office_a.name[0].mailstop); // B1
console.log(office_a.divisions[0].division1); // Division 1 Office Name
console.log(office_a.divisions[0].mailstop); // DIV1

TL; DR

这导致以下结果（请注意，我修改了test()函数）：

 var office_a = { name: [{ name: "Alpha Branch", mailstop: "AB" }], divisions: [{ division1: "Division 1 Office Name", mailstop: "DIV1", division2: "Division 2 Office Name", mailstop: "DIV2", division3: "Division 3 Office Name", mailstop: "DIV3" }] }; function test(myObject) { alert(myObject.name[0].name); // Alpha Branch alert(myObject.name[0].mailstop); // B1 alert(myObject.divisions[0].division1); // Division 1 Office Name alert(myObject.divisions[0].mailstop); // DIV1 } test(office_a);