Javascript получить ключи объекта в массиве

У меня есть объект, похожий на тот, что ниже:

const obj = {
  "test1": {
    "test12": "val1",
    "test13": {
      "test131": "val1",
      "test132": "val2"
    }
  },
  "test2": "val2"
}

Я хочу получить ключи следующим образом:

const keys = [["test1", "test12", "test13", "test131", "test132"], ["test2"]];

что ты уже испробовал? Что не работает? Рекурсия и Object.keys должны помочь здесь.

— 14.09.2022 09:03

javascript arrays object

14.09.2022 08:55

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ну вот:

const obj = {
  "test1": {
    "test12": "val1",
    "test13": {
      "test131": "val1",
      "test132": "val2"
    }
  },
  "test2": "val2"
};

const mapToKeys = ([key, value]) => {
  if (Object.prototype.toString.call(value) === '[object Object]') {
    return [key, ...getKeys(value)];
  }
  return [key];
};
const getKeys = (o) => Object.entries(o).flatMap(mapToKeys);
const keys = Object.entries(obj).map(mapToKeys);

console.info(keys);

14.09.2022 09:04

Ответ принят как подходящий

Вы можете рекурсивно обрабатывать записи в объекте, собирая ключи по мере продвижения и сглаживая массивы результатов на всех уровнях, кроме верхнего:

const obj = {
  "test1": {
    "test12": "val1",
    "test13": {
      "test131": "val1",
      "test132": "val2"
    }
  },
  "test2": null,
  "test3": {
    "test31": "val3"
  },
  "test4": {
    "test41": [1, 2, 3, 4]
  }
}

const getKeys = (obj, flat = false) => {
  const keys = Object.entries(obj)
    .map(([k, v]) => v instanceof Object && !(v instanceof Array) ? [k, ...getKeys(v, true)] : [k])
  return flat ? keys.flat() : keys
}

const allKeys = getKeys(obj)

console.info(allKeys)

Этот код выдаст ошибку, если одно из значений равно null, и может работать не так, как ожидалось, если одно из значений будет массивом.

— 14.09.2022 09:12

@ViktorLuft спасибо, что указали на это. Я исправил код, чтобы убедиться, что он работает правильно в этих случаях.

— 14.09.2022 09:20

14.09.2022 09:07