如何获取 Object.keys(myEl) 引用的子项

Question

在下面的代码中，我可以获得对 text000 对象的引用，但我需要捕获它的子数组作为我的目标负载。获得对密钥的引用后，如何捕获其子项？

完整的对象如下：

activeItem = [{"dnd":{"index":0,"active":true,"group":"common","label":"Text (000)","type":"text"},
"json":{"schema":{"properties":{"text000":{"title":"Text (000)","type":"string"}},"required":["text000"]},"layout":[{"key":"text000","description":"","floatLabel":"auto","validationMessages":{"required":"Required"}}]}}]

获取对我正在使用的“text000”键的引用：

const myEl = Object.keys(this.activeItem.json.schema.properties); // points to text000

我需要提取该键的内容/子项 > {"title":"Text (000)","type":"string"} 以将其用作此操作的目标有效负载。

text000 元素是动态的，所以我需要它的引用，这就是我使用 Object.keys() 方法指向它的原因。

请随意教我使用正确的名称来指代这些元素。例如，不确定如何针对键 text000 准确引用 > {"title":"Text (000)","type":"string"}。那是键的“孩子”、“价值”、“内容”还是什么？

更新：

console.log('TRY: ', this.activeItem.json.schema.properties[0]);
// Returns undefined

console.log('TRY2: ', this.activeItem.json.schema.properties);
// Returns {"text000":{"title":"Text (000)","type":"string"}}

我需要一些东西来回报：

{"title":"Text (000)","type":"string"}

解决方案感谢@jaredgorski：

const properties = this.activeItem.json.schema.properties;

const propertiesKeys = Object.keys(properties);

const propertiesKeysFirstVal = Object.keys(properties)[0];

const logProperties = properties[propertiesKeysFirstVal];

console.log('PROPERTIES KEYS:', propertiesKeys);
console.log(
'VALUES OF FIRST PROPERTIES KEY:',
propertiesKeysFirstVal
);
console.log('RESULT:', logProperties);


PROPERTIES KEYS: ["text000"]
wrux-wrux-form-builder.js:1782 VALUES OF FIRST PROPERTIES KEY: text000
wrux-wrux-form-builder.js:1783 RESULT: {title: "Text (000)", type: "string"}

Answer 1

您需要记住activeItem 是一个数组。只要包含索引（在本例中为第一个索引，即 [0]），您就可以访问 json 属性（或键）并继续沿着链向下检索 text000 中的值。

这里的另一个技巧是您想要访问properties 中的第一个键，但您还不知道该键的名称。所以你需要做的实际上是创建一个键数组，然后找出properties 对象中第一个键的名称。为此，您可以使用Object.keys()，这是一种将对象的键转换为数组的方法。获得此键的名称后，您只需在 properties 对象上使用括号表示法即可找到此键的值。我将在下面的 sn-p 中向您展示这是如何工作的。

以下是一些参考资料，以便您了解更多有关其工作原理的信息：

• MDN page on the Object.keys() method
• Accessing JavaScript object properties: Bracket notation vs. Dot notation

下面是工作示例：

const activeItem = [
  {
    "dnd": {
      "index": 0,
      "active": true,
      "group":"common",
      "label":"Text (000)",
      "type":"text",
      "icon":"text_fields",
      "fontSet":"material-icons",
      "class":""
    },
    "json": {
      "schema": {
        "properties": {
          "text000":{
            "title":"Text (000)",
            "type":"string"
          }
        },
        "required":["text000"]
      },
      "layout":[
        {
          "key":"text000",
          "description":"",
          "floatLabel":"auto",
          "validationMessages": {
            "required":"Required"
          }
        }
      ]
    }
  }
]

// This is the dirty looking version:

const logPropertiesDirty = activeItem[0].json.schema.properties[Object.keys(activeItem[0].json.schema.properties)[0]]

console.log("First, the dirty version where we don't save anything to variables. Everything is laid out here.")
console.log('WHAT WE DID:', 'activeItem[0].json.schema.properties[Object.keys(activeItem[0].json.schema.properties)[0]]')
console.log('RESULT:', logPropertiesDirty)


console.log('=================================================')

// This is the cleaner version, using variables to store things as we go:

const properties = activeItem[0].json.schema.properties;

const propertiesKeys = Object.keys(properties);

const propertiesKeysFirstVal = Object.keys(properties)[0];

const logPropertiesClean = properties[propertiesKeysFirstVal];

console.log('Now, the cleaner version. We save some values to variables to make things more readable.')
console.log('PROPERTIES OBJECT:', properties)
console.log('PROPERTIES KEYS:', propertiesKeys)
console.log('NAME OF FIRST PROPERTIES KEY:', propertiesKeysFirstVal)
console.log('RESULT:', logPropertiesClean)

关于如何称呼这些东西，我一直认为对象通常由“键值对”组成。键也可以称为属性，值也可以称为内容（我猜）。

myObject = {
  key1: value1,
  property2: contentsOfProperty2
}

归根结底，清晰的沟通才是最重要的！所以，无论你想出什么名字（只要它们是合理的），我相信人们不会对此感到厌烦，除非他们觉得他们有什么要证明的。

Answer 2

您应该可以使用Object.values 而不是this.activeItem.json.schema.properties：

Object.values() 方法返回给定对象自己的可枚举属性值的数组，其顺序与 for...in 循环提供的顺序相同（不同之处在于 for-in 循环枚举原型链）。

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};
console.log(Object.values(object1));
// expected output: Array ["somestring", 42, false]

地图尚不支持它，但如果需要，您应该能够加载polyfill。