Доступ к вложенным свойствам в функции через массивы: Javascript

Question

Я могу получить свойство первого уровня, просто найти его, но он не позволит мне получить доступ к свойству «оттенок» под цветом. Обычно вы просто используете точку на любом уровне, который хотите достичь, но он не работает для меня.

obj = new Object(); 

obj.color.tint = "brick red"; 

alert(obj.color); 

var arr = []; 

arr[0] = obj; 

alert(arr[0].color.tint); 

Answer 1

obj = new Object(); 
 

 
obj.color = new Object(); // Try add this line 
 

 
obj.color.tint = "brick red"; 
 

 
alert(obj.color); 
 

 
var arr = []; 
 

 
arr[0] = obj; 
 

 
alert(arr[0].color.tint);

Я не уверен, что заявление "вы бы просто использовать точку в зависимости от того, вам уровень хочу достичь "

В основном Javascript - это все объекты, и вы можете использовать точечную нотацию для доступа к существующему объекту .

вы можете получить доступ к obj.color, потому что вы инициализируете obj как объект на первом месте.

Так, подобным образом, если вы хотите установить свойства под obj.color, вы должны инициализировать obj.color как новый объект, а затем вы можете получить доступ к obj.color.* по Вашему желанию

Answer 2

obj.color.tint = "brick red"; 

Эта часть будет не потому, что color не существует. JavaScript не «автозаполняет» пробелы. Сначала вы должны определить color как объект перед присвоением ему tint.

var obj = {}; 
obj.color = {}; 
obj.color.tint = 'brick red'; 

Кроме того, это может быть упрощена:

var obj = { 
    color: { 
    tint: 'brick red' 
    } 
}; 

Answer 3

Вы не можете цепи дот-нотация для создания вложенные элементы, поскольку color не определен в точке, к которой вы пытаетесь получить доступ к свойству;

ONW способ сделать это:

var obj = new Object(); 
obj.color = {}; 
obj.color.tint = 'tint'; 

Или:

var obj = new Object(); 
obj.color = {tint:'tint'}; 

Answer 4

Вы не можете назначить свойства в несуществующий объект. Сначала вы должны создать этот объект. Однако иногда это необходимость. Предположим, вы хотите динамически создать такую ​​структуру объектов массива. Я разработал метод объекта для accomplist то, что Object.prototype.setNestedValue() Который работает как этот

Object.prototype.setNestedValue = function(...a) { 
 
    a.length > 2 ? typeof this[a[0]] === "object" && this[a[0]] !== null ? this[a[0]].setNestedValue(...a.slice(1)) 
 
                     : (this[a[0]] = typeof a[1] === "string" ? {} : new Array(a[1]), 
 
                     this[a[0]].setNestedValue(...a.slice(1))) 
 
       : this[a[0]] = a[1]; 
 
    return this; 
 
}; 
 

 
var arr = [].setNestedValue(0,"color","tint","brick red"); 
 
console.log(JSON.stringify(arr));