如何过滤 JavaScript 中的嵌套对象？

在 JavaScript 中，嵌套对象是一种常见的数据类型。当我们需要处理这些嵌套对象时，可能需要对它们进行过滤以满足我们的需求。本文将介绍如何使用 JavaScript 中的方法对嵌套对象进行过滤。

1. 使用递归遍历对象

在 JavaScript 中，我们可以使用递归的方式来遍历对象。递归是一种函数调用自身的技术，可以用来遍历嵌套对象中的所有子对象。

function filterNestedObject(obj, filterFn) {
  for (let prop in obj) {
    if (obj.hasOwnProperty(prop)) {
      if (typeof obj[prop] === 'object') {
        filterNestedObject(obj[prop], filterFn);
      } else {
        if (filterFn(obj[prop])) {
          console.log(obj[prop]);
        }
      }
    }
  }
}

// 使用示例
let obj = {
  a: 1,
  b: {
    c: 2,
    d: {
      e: 3,
      f: 'hello'
    }
  }
}
filterNestedObject(obj, (val) => {
  return typeof val === 'number';
});
// 输出：1 2 3

以上代码实现了一个filterNestedObject函数，它接收两个参数：一个嵌套对象和一个回调函数。该函数使用递归来遍历该对象中的所有属性，并检查属性的类型。如果属性的类型是一个对象，则再次调用filterNestedObject函数，直到找到属性值为非对象类型的属性。当找到该属性时，该函数将使用指定的回调函数来检查该属性的值是否应包含在过滤后的结果中。

2. 使用 lodash 库

lodash 是一个流行的 JavaScript 实用程序库，其中包含许多用于操作 JavaScript 对象和数组的方法。lodash 的_.pickBy方法可以用来过滤嵌套对象中的属性。

const _ = require('lodash');

// 使用示例
let obj = {
  a: 1,
  b: {
    c: 2,
    d: {
      e: 3,
      f: 'hello'
    }
  }
}
let result = _.pickBy(obj, (val) => {
  return typeof val === 'number';
});
console.log(result);
// 输出：{ a: 1, c: 2, e: 3 }

以上代码使用了 lodash 的_.pickBy方法，它接收两个参数：要过滤的嵌套对象和一个回调函数。该回调函数用于确定哪些属性应该包含在过滤后的结果中。如果回调函数返回true，则该属性将包含在结果对象中。

总结

在 JavaScript 中，我们可以使用递归方式或lodash库来过滤嵌套对象中的属性。递归遍历的方式需要自己实现，而 lodash 库的_.pickBy方法则提供了更简单和可重用的方式来完成该任务。根据需要选择合适的方法即可。