如何获取具有动态值的嵌套json

Question

我想访问带有输入值的 json。

我的函数和json

 import pet3 from '../../utils/pet3' //my json file
 const getValueFromJson = (value) => {

 const data = pet3
 console.log(data.components) //it works fine
 console.log(data.value) // it is undefined              
 }
 getValueFromJson("components")

Answer 1

您可以使用方括号动态访问对象键：

import pet3 from "../../utils/pet3"; //my json file
const getValueFromJson = (value) => {
  const data = pet3;
  console.log(data[value]);
};
getValueFromJson("components");

---

编辑：

或者，您可以安装和使用像 lodash 这样的第三方库，它提供了可以像这样使用的 _.get() 方法：

import get from "lodash/get"; // if not installed, run `npm install lodash --save-dev`

const getValueFromJson = (value) => {
  const data = pet3;
  console.log(get(data, value, "default value")); /* returns "default value" if key is undefined. */
};
getValueFromJson("components.filename");