如何获取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对象上使用方括号表示法即可找到该键的值。 我将在下面的代码段中向您展示这是如何工作的。

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

• MDN页面上的Object.keys()方法
• 访问JavaScript对象属性：括号表示法与点表示法

这是工作示例：

 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 。