Как получить доступ к свойству в массиве?

Итак, почему я не могу получить доступ к свойству массива с помощью array [0] .obj.accessible?

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.info(array);

Попробуйте array[0][obj].accessible = acc; и прочтите ссылку выше.

Takit Isy 14.04.2018 21:07

Не совсем понимаю голоса против. Это правильный вопрос, который, вероятно, сбил с толку всех нас при первом изучении javascript :)

Alex 14.04.2018 21:09

Посмотрите на это и прокрутите вниз до «вложенных объектов». w3schools.com/js/js_json_objects.asp - попробуйте собрать свой объект в кавычках.

Lynx 242 14.04.2018 21:09

Ох, спасибо, я пробовал с array [0] ->. <- [obj] - точки там не должно быть. Моя ошибка, спасибо за ссылку.

glotfiovic1v 14.04.2018 21:10
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
55
3

Ответы 3

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

Потому что в вашем объекте нет ключа с именем obj в элементе массива 0.

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

Вам следует использовать:

array[0][obj].accessible

Используя array [0] .obj ищет ключ obj внутри array[0], но такого ключа нет.

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

Для динамического доступа к свойствам объекта необходимо использовать синтаксис скобок ([]), а не синтаксис точки ..

Вот так:

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

Другие вопросы по теме