高效筛选JavaScript对象属性：多种方法详解

2025-01-06 06:44:10

JavaScript 对象属性筛选

处理 JavaScript 对象时，有时需要仅保留特定的属性，而删除其余属性。这是一种常见需求，当需要清理数据、只传递特定字段给 API，或是在应用不同层之间转换数据时都会用到。本文将探讨几种实现此目的的方法，重点介绍它们的原理和用法。

使用 `Object.keys()` 和 `forEach()` 循环

这种方法利用 Object.keys() 获取对象的所有键，然后通过 forEach() 遍历这些键。在循环内部，检查当前键是否存在于期望保留的属性列表中。如果不存在，则使用 delete 运算符删除此键。

function filterProperties(obj, allowedKeys) {
  Object.keys(obj).forEach(key => {
    if (!allowedKeys.includes(key)) {
      delete obj[key];
    }
  });
}


// 示例
let myObj = {
    p1:123,
    p2:321,
    p3:{p3_1:1231,p3_2:342},
    p4:'23423',
    p99:{p99_1:'sadf',p99_2:234},
    p100:3434
};

let allowedProperties = ['p1', 'p2', 'p100'];
filterProperties(myObj, allowedProperties);

console.log(myObj); // 输出： { p1: 123, p2: 321, p100: 3434 }

步骤：

定义一个 filterProperties 函数，接受要操作的对象和包含允许属性的数组。
使用 Object.keys(obj) 获取对象的键数组。
通过 forEach 迭代键数组。
对于每个键，使用 allowedKeys.includes(key) 检查其是否被允许。
如果键不在允许列表中，则使用 delete obj[key] 删除此属性。

这个方法的优势是简单直观，直接修改原对象。

使用 `for...in` 循环和 `hasOwnProperty()`

for...in 循环用于迭代对象的可枚举属性。配合 hasOwnProperty()，可以只考虑对象自身的属性，排除从原型链继承的属性。在此循环中，依然可以检查属性是否在允许的列表中，并进行删除操作。

function filterPropertiesUsingForIn(obj, allowedKeys) {
  for (const key in obj) {
      if (obj.hasOwnProperty(key) && !allowedKeys.includes(key)) {
        delete obj[key];
      }
    }
}


// 示例
let myObj2 = {
  p1:123,
  p2:321,
  p3:{p3_1:1231,p3_2:342},
  p4:'23423',
  p99:{p99_1:'sadf',p99_2:234},
  p100:3434
};
let allowedProperties2 = ['p1', 'p2', 'p100'];
filterPropertiesUsingForIn(myObj2, allowedProperties2)
console.log(myObj2); // 输出： { p1: 123, p2: 321, p100: 3434 }

步骤：