javascript - 从 javascript 对象获取列表

Question

我是 javascript 的初学者，我正在尝试弄清楚如何从该对象组件中获取列表。

我只需要从mndatory中选择js键

var components = {
  mandatory: {
    alert: {
      js: ['./bootstrap/js/alert.js'],
      css: ['./bootstrap/css/alert.css', './bootstrap/css/alert2.css'],
    },
    button: {
      js: ['./bootstrap/js/button.js'],
      css: ['./bootstrap/css/button.css'],
    },
    dropdown: {
      js: ['./bootstrap/js/dropdown.js'],
      css: ['./bootstrap/css/dropdown.css'],
    },
  },
  optional: {
    carousel: {
      js: ['./bootstrap/js/carousel.js'],
      css: ['./bootstrap/css/carousel.css'],
    },
    modal: {
      js: ['./bootstrap/js/modal.js'],
      css: ['./bootstrap/css/modal.css'],
    },
  },
};

因此结果将是仅选择 js 键:

[
    './bootstrap/js/alert.js',
    './bootstrap/js/button.js',
    './bootstrap/js/dropdown.js'
]

非常感谢您的帮助。

Answer 1

您可以使用 for-in 循环:

for (const property in components.mandatory) {
  console.log(property.js);
}

你也许可以从这里拿走它。

文档: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in