JS - 如何通过键从对象中获取值[重复]

Question

我有一个名为 data 的对象，如下所示：

var data = {
  operators: {
    operator1: {
      top: 20,
      left: 20,
      properties: {
        title: 'Operator 1',
        inputs: {},
        outputs: {
          output_1: {
            label: 'Output 1',
          },
          output_2: {
            label: 'Output 2',
          }
        }
      }
    },
    operator2: {
      top: 80,
      left: 300,
      properties: {
        title: 'Operator 2',
        inputs: {
          input_1: {
            label: 'Input 1',
          },
          input_2: {
            label: 'Input 2',
          },
          input_3: {
            label: 'Input 3',
          },
        },
        outputs: {}
      }
    },
  },
};

如何通过键从data获取值。

function myFunction(data, key) {
  //Find in data with key, and return value.
}

结果：var result = myFunction(data,'output_1') = Output 1（按标题获取）。

Answer 1

您可以使用迭代和递归的方法并在找到时提前退出。

函数getValue如果找到则返回一个对象，否则返回false。

要获取值，您可以获取属性value。

function getValue(object, key) {
    var result;
    return Object.keys(object).some(function (k) {
        if (k === key) {
            result = { value: object[k] };
            return true;
        }
        if (object[k] && typeof object[k] === 'object' && (result = getValue(object[k], key))) {
            return true;
        }
    }) && result;    
}

var data = { operators: { operator1: { top: 20, left: 20, properties: { title: 'Operator 1', inputs: {}, outputs: { output_1: { label: 'Output 1' }, output_2: { label: 'Output 2' } } } }, operator2: { top: 80, left: 300, properties: { title: 'Operator 2', inputs: { input_1: { label: 'Input 1' }, input_2: { label: 'Input 2' }, input_3: { label: 'Input 3', foo: null } }, outputs: {} } } } };

console.log(getValue(data, 'output_1').value); // { label: 'Output 1' }
console.log(getValue(data, 'foo').value);      // null
console.log(getValue(data, 'bar'));            // false
console.log(getValue(data, 'bar').value);      // undefined

Answer 2

一个简单的解决方案可能是：

function myFunction(data,key){
  if(data[key]){
    return data[key];
  }else{
    return myFunction(data[key],key);
  }
}