如何获取对象的特定值？

Question

我从一个 php 文件中得到以下对象：

[
 {"val1":"A","val2":"TA","val3":"5"}, 
 {"val1":"A","val2":"TB","val3":"3"}, 
 {"val1":"A","val2":"TC","val3":"2"}
]

我尝试过这样做：

{label: {data:'val1'} }

{label: {data:'val1'[0]} }

{label: {data:['val1'][0]} }

但到目前为止还没有运气获得我想要的价值。

这是我处理对象数据的代码部分：

var containerD1 = document.getElementById('tabD1');
var hotD1 = new Handsontable(containerD1, {
  rowHeaders: true,
  colHeaders: true,
  columns: [
    {type:'text', data: 'val2', readOnly:true},
    {type:'text', data: 'val3', readOnly:true},
  ],
  nestedHeaders: [
    [{label: {data:'val1'}, colspan: 2}],
    ['Val2','Val3']
  ]
  });

由于 val1 的值是动态的，我无法像对 val2 和 val3 所做的那样设置它

所以我想要实现的是从 val1 中获取值，以便能够在 nestedHeaders 部分中将其用作我的表的标题，因为这个值在我的对象中重复出现，我从哪个对象开始并不重要拿去吧。

到目前为止，我得到的是这样的表格

+------+------+
|   object    |
+------+------+
| val2 | val3 |
+------+------+
| TA   |    5 |
| TB   |    3 |
| TC   |    1 |
+------+------+

在对象部分，在我的表中它说这个[对象对象]。 所以我猜它实际上是作为一个对象而不是我想要的值来读取的。

我正试图得到这样的东西：

+------+------+
|      A      |
+------+------+
| val2 | val3 |
+------+------+
| TA   |    5 |
| TB   |    3 |
| TC   |    1 |
+------+------+

Answer 1

编码sn -p 获取val1的值

{标签：{数据：数据[0].val1}}

Answer 2

我不确定我是否理解正确。如果您想在对象中获取 val1 属性的值，我会这样做（因为您说从数组的哪个元素中获取它并不重要）：

    const data = [
 {"val1":"A","val2":"TA","val3":"5"}, 
 {"val1":"A","val2":"TB","val3":"3"}, 
 {"val1":"A","val2":"TC","val3":"2"}
]

console.log(data[0]["val1"])

或者，您可以编写： console.log(data[0].val1) 而不是最后一行代码。