javascript对象问题

Question

我正在尝试理解别人的代码。他有

task.prototype.taskAttributes = {
  'header' : [
    {'name' : 'display_type', 'display' : 'Display Type', 'type' : 'select', 'options' : {
      'default' : 'Default',
      name1 : 'Peter',
      name2 : 'Ted',
     }
    },
    {'name' : 'background', 'display' : 'Background', 'type' : 'image'},
    {'name' : 'background_position', 'display' : 'Background Position', 'type' : 'text'},
    {'name' : 'credit', 'display' : 'Background Credit', 'type' : 'text'}],

  'input' : [
    {'name' : 'display_type', 'display' : 'Display Type', 'type' : 'select', 'options' : {
      'default' : 'Default',
      title1 : 'manager',
      title2 : 'employee'}
    },
    {'name' : 'background', 'display' : 'Background', 'type' : 'image'},
    {'name' : 'background_position', 'display' : 'Background Position', 'type' : 'text'},

  'image' : [{'name' : 'column', 'type' : 'select', 'options' : ['', 'left', 'right']}]
}

我不确定“header”和“input”是否是对象属性？'header' 和 'input'

下的属性是什么

这些是做什么的:

{'name' : 'display_type', 'display' : 'Display Type', 'type' : 'select', 'options' : {
  'default' : 'Default',
  name1 : 'Peter',
  name2 : 'Ted',
 }
},
{'name' : 'background', 'display' : 'Background', 'type' : 'image'},
{'name' : 'background_position', 'display' : 'Background Position', 'type' : 'text'},
{'name' : 'credit', 'display' : 'Background Credit', 'type' : 'text'}],

我想声明对象属性，我们这样做了

attribute={header:'header', input:'input'}

而且我不确定他为什么有这么多属性。

谢谢大家的帮助!

Answer 1

header 和 input 确实是 taskAttributes 的对象属性，还有 image以及。

taskAttributes = {
  // Three object properties, each is an array
  header: [],
  input: [],
  image: []
}

其中每一个本身都是对象 {} 的数组 []，具有 name、display 等属性, 类型。这解决了您问题的“这些做什么”部分。

// Example object element of the parent attribute arrays:
// There are multiples of these objects for each property header, input, image
{'name' : 'background', 'display' : 'Background', 'type' : 'image', 'options': {...}}

因此，例如，要访问 header 下的第一个 name，您将访问其数组键 [0]，如下所示:

taskAttributes.header[0].name
// 'displayType'

// And the third array element [2]
taskAttributes.header[2].name
// 'credit'

在 headers 和 input 的第一个数组元素上还有一层嵌套，如下所示:

// Property named options is an object...
'options' : {
  'default' : 'Default',
  title1 : 'manager',
  title2 : 'employee'
}

这是另一个被引用为每个选项的 options 的对象。

taskAttribtues.header[0].options.title1
// 'manager'