时间戳

首页 > 解决方案 > 了解 obj 和两个等于 {some object data} 的 brack 值发生了什么

javascript - 了解 obj 和两个等于 {some object data} 的 brack 值发生了什么

问题描述

有时最有可能对所有人来说都是基本的东西并没有融入其中。我遇到了一些我需要理解的javascript代码。我添加了一个调试器，这样我就可以逐步完成并希望更好地理解它，但仍然不清楚发生了什么。

var obj = {};
var myID = 999;

var productID = 1;

var myModelID = 100;
var myCatID = 200;
    var addMe = 1; 

if (typeof obj[myCatID] == 'undefined') {
    obj[myCatID] = {};
}

var locationObj = {
    state: 'roch',
    city: '3',
    street: '2nd',
    houseNum: '101'
};

var qty = 1;

obj[myCatID][myModelID]={
    'location': locationObj,
    'quantity': qty,
    'prodID': productID,
    'id': myID
};

这里发生了什么？obj[myCatID][myModelID] = . 关于obj的括号符号中的两个属性的东西？然后给它分配一个对象？只是不清楚我在看什么。

通过我的警报和调试器输出。！https://imgur.com/gEqonS7

！https://imgur.com/igZwgOw

最后，如果我添加一个额外的括号值来将 obj[myCatID][myModelID] 更改为 obj[myCatID][myModelID][addMe] 会怎样？为什么我会收到调试错误，未捕获的 TypeError：运行时无法设置未定义的属性“1”？我看不出 [myModelID] 和它的声明方式有何不同。我很感激你帮助我克服了这个障碍。

标签： javascriptarraysobjectsquare-bracket

解决方案

您可以使用括号访问器访问和操作 JavaScript 对象。

var obj = {};  // create an empty object
obj['test'] = 'Hello World';  // add an object property 'test' with content 'Hello World'
console.info(object['test']);  // Hello World
console.info(object.test);  // Hello World

如您所见，对象属性访问可以表示为obj['propertyName']或obj.propertyName。如果您想向对象添加新属性，这同样适用：obj['newProperty'] = 42与obj.newProperty = 42.

现在，如果您想在外部对象中嵌套内部对象，您可以使用多个括号访问器或点：obj['prop1']['prop2']['prop3'] = 42或obj.prop1.prop2.prop3 = 42.

但是：您必须先单独初始化每个内部对象，然后才能访问它！否则 JavaScript 会说“无法设置未定义的属性”，因为您尝试访问的实际对象以前从未被初始化过。

var obj = {};
obj['prop1'] = {};  // creates an inner object 'prop1'
obj['prop1']['prop2']['prop3'] = 42;  // does not work because 'prop2' has never been created as an inner object

在您的示例中，您无法访问obj[myCatID][myModelID][addMe]，因为内部对象“myModelID”从未被初始化为对象。因此访问obj[myCatID][myModelID]将返回undefined，因此您将尝试调用undefined['prop3']导致错误的调用。

简单的解决方案：检查每个内部对象是否已经被初始化。这就是您的代码中发生的情况if (typeof obj[myCatID] == 'undefined')。

推荐阅读