Проверьте, содержит ли вложенный объект определенный ключ, затем замените ключ родительского объекта. - PullRequest
Новая
       14

Проверьте, содержит ли вложенный объект определенный ключ, затем замените ключ родительского объекта.

0 голосов
/ 08 мая 2019

У меня есть вложенный объект.

Теперь мне нужно проверить, содержит ли объект «элементы» в качестве ключа где-либо, который всегда является «массивом», а затем заменить «тип»: «список»by 'type': 'array' родительского элемента.

Это хорошо работает для 1-го уровня, но когда дело доходит до вложенного объекта, который снова содержит 'items', я застрял. 

function convertData() {
 const arr = {
  "type": "list",
  "items": [{
   "type": "list",
   "items": [{
    "type": "string",
    "value": 0,
    "unit": "",
    "pattern": "^(auto|0)$|^[+-]?[0-9]+(\\.)?([0-9]+)?(rem|px|em|ex|%|in|cm|mm|pt|pc)$"
   }, {
    "type": "string",
    "value": 0.1875,
    "unit": "rem",
    "pattern": "^(auto|0)$|^[+-]?[0-9]+(\\.)?([0-9]+)?(rem|px|em|ex|%|in|cm|mm|pt|pc)$"
   }, {
    "type": "string",
    "value": 0.75,
    "unit": "rem",
    "pattern": "^(auto|0)$|^[+-]?[0-9]+(\\.)?([0-9]+)?(rem|px|em|ex|%|in|cm|mm|pt|pc)$"
   }, {
    "type": "string",
    "value": 0,
    "unit": "",
    "pattern": "^(auto|0)$|^[+-]?[0-9]+(\\.)?([0-9]+)?(rem|px|em|ex|%|in|cm|mm|pt|pc)$"
   }]
  }, {
   "type": "string",
   "value": {
    "r": 161,
    "g": 161,
    "b": 161,
    "a": 0.75,
    "hex": "#a1a1a1"
   },
   "pattern": "^rgba?\\(((25[0-5]|2[0-4]\\d|1\\d{1,2}|\\d\\d?)\\s*,\\s*?){2}(25[0-5]|2[0-4]\\d|1\\d{1,2}|\\d\\d?)\\s*,?\\s*([01]\\.?\\d*?)?\\)"
  }]
 };
 if (Array.isArray(arr.items)) {
  arr.type = "array";
  console.log(arr);
 }
}
<button onclick="convertData()">Click me!</button>

1 Ответ

1 голос
/ 08 мая 2019

Вы можете сделать это с помощью рекурсии.

  • Создать функцию changeValue, которая принимает объект в качестве аргумента.
  • Проверьте, есть ли у объекта ключ items, используя Object.hasOwnProperty()
  • Если он содержит, измените type на "array" и рекурсивно вызывайте функцию для каждого элемента. 

function convertData() {
 const arr = { "type": "list", "items": [{ "type": "list", "items": [{ "type": "string", "value": 0, "unit": "", "pattern": "^(auto|0)$|^[+-]?[0-9]+(\\.)?([0-9]+)?(rem|px|em|ex|%|in|cm|mm|pt|pc)$" }, { "type": "string", "value": 0.1875, "unit": "rem", "pattern": "^(auto|0)$|^[+-]?[0-9]+(\\.)?([0-9]+)?(rem|px|em|ex|%|in|cm|mm|pt|pc)$" }, { "type": "string", "value": 0.75, "unit": "rem", "pattern": "^(auto|0)$|^[+-]?[0-9]+(\\.)?([0-9]+)?(rem|px|em|ex|%|in|cm|mm|pt|pc)$" }, { "type": "string", "value": 0, "unit": "", "pattern": "^(auto|0)$|^[+-]?[0-9]+(\\.)?([0-9]+)?(rem|px|em|ex|%|in|cm|mm|pt|pc)$" }] }, { "type": "string", "value": { "r": 161, "g": 161, "b": 161, "a": 0.75, "hex": "#a1a1a1" }, "pattern": "^rgba?\\(((25[0-5]|2[0-4]\\d|1\\d{1,2}|\\d\\d?)\\s*,\\s*?){2}(25[0-5]|2[0-4]\\d|1\\d{1,2}|\\d\\d?)\\s*,?\\s*([01]\\.?\\d*?)?\\)" }] };
 changeValue(arr);
 console.log(arr)
}

function changeValue(obj){
  if(obj.hasOwnProperty('items')){
    obj.type = "array";
    obj.items.forEach(x => changeValue(x))
  }
}
<button onclick="convertData()">Click me!</button>
...