根据 JavaScript 中的键从对象中提取数据

Question

我正在尝试根据键查找对象的属性值。我有以下函数 getData，其中 returns 基于 key 的数据作为输入参数传递。

const getData = (key) => {
  let row = {isSelected: true, Data: {Id: '1A', Value: 'LD'}};
  return row[key];
}
console.log(getData('Data'));

在正常情况下它工作正常但我如何从嵌套对象 Data.Value.

中获取属性值

如果我以 getData('Data.Value') 的方式调用 getData 函数，它应该 return LD.

Answer 1

我建议像这样访问嵌套值：

getData("Data").Value

Answer 2

这就是你想要的。你的排有多深并不重要。试试这个。它也将是多级嵌套对象。例如

Data.InnerData.Value...

const getData = (key) =>{
    let row = {isSelected: true, Data: {Id: '1A', Value: 'LD', InnerData: {Id: 1, Value: "Something"}}};
    var keys = key.split('.');
    var res = row;
    for(var i=0; i < keys.length; i++){
        res = res[keys[i]];
    }
    
    return res;
}

console.log(getData('Data.InnerData.Value'));

Answer 3

您可以使用 lodash 的 _.get() 函数 returns 路径中的值：

const getData = path => {
  const row = {isSelected: true, Data: {Id: '1A', Value: 'LD', InnerData: {Id: 1, Value: "Something"}}};
    
  return _.get(row, path);
}

console.log(getData('Data'));
console.log(getData('Data.Value'));
console.log(getData('Data.InnerData.Value'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js" integrity="sha512-WFN04846sdKMIP5LKNphMaWzU7YpMyCU245etK3g/2ARYbPK9Ub18eG+ljU96qKRCWh+quCY7yefSmlkQw1ANQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Answer 4

当您拥有动态对象键时，您可以使用 javascript Object.keys 方法。

var data = getData("Data")
var dynamicKeys = Object.keys(data)

for(int i=0; i < dynamicKeys.length; i++){
   console.log(data[dynamicKeys[i]])
}

Answer 5

如果你确定你的对象最多两层，你可以试试这个简单的解决方案

const isObject = (value) => {
   return typeof value === 'object' && !Array.isArray(value) && value !== null;
};

const testData = { isSelected: true, data: { id: '1A', value: 'LD' } };

const getData = (key) => {
   const keys = key.split('.');
   if (isObject(testData[keys[0]])) {
      return testData[keys[0]][keys[1]];
   }
   return testData[keys[0]];
};

console.log(getData('data.id'));

根据 JavaScript 中的键从对象中提取数据

Extract data from object based on key in JavaScript

javascript

lodash