如何访问数组中的属性？

Question

那么，为什么我不能通过array [0] .obj.accessible访问array属性？

var array = [{
    option1 : '',
    option2 : '',
    option3 : '',

    TEST : {
        accessible : '',
        optional : ''
    },
    TEST2 : {
        accessible : '',
        optional : ''
    },
    TEST3 : {
        accessible : '',
        optional : ''
    }
}];

function updateArray(obj, acc, opt) {
    // this is not working - why?
    //array[0].obj.accessible = acc;
    //array[0].obj.optional = opt;

    // this is working fine:
    array[0].option1 = 'option1';
    // or this:
    array[0].TEST.accessible = acc;

    // so why array[0].obj is not refer to 'TEST' ? (obj = 'TEST')
    // cause I don't want to build the function updateArray X times with array[0].TEST.accessible, array[0].TEST2.accessible, array[0].TEST3.accessible, etc.
}

updateArray('TEST', 'yes', 'true');

console.log(array);

Answer 1

// this is not working - why?
//array[0].obj.accessible = acc;
//array[0].obj.optional = opt;

因为在数组的0元素中的对象中没有名为obj键。

var array = [{
    obj : {
        accessible : '',
        optional : ''
    },

    ...
}];

在上面，我创建了键obj ，它是带有其他一些键的对象。 现在这将起作用：

array[0].obj.accessible = acc;
array[0].obj.optional = opt;

在第二遍看您的函数时，我认为您希望能够动态访问函数中对象的属性。 如果是这样，请使用[]并传递键名：

function updateArray(obj, acc, opt) { // obj === 'TEST'
    array[0][obj].accessible = acc;
    array[0][obj].optional = opt;
}

Answer 2

您应该使用：

array[0][obj].accessible

使用array [0] .obj在array[0]内寻找键obj但是没有这样的键。

Answer 3

真是个好问题！ 在学习JavaScript时，这确实是一件棘手的事情！

为了动态访问对象属性，必须使用方括号（ [] ）而不是点. 句法。

像这样：

function updateArray(obj, acc, opt) {
  array[0][obj].accessible = acc;
  array[0][obj].optional = opt;
  ...
}