可通过 Proxy 的 get 和 has 拦截器实现动态过滤：get 返回 undefined，has 返回 false，使 null/undefined 属性在访问和 in 操作中“不可见”；Object.keys() 和 JSON.stringify() 需额外封装兼容；深层嵌套可递归代理；一次性清洗推荐 Object.fromEntries + filter。
可以通过 Proxy 的 get 拦截器实现动态过滤，但要注意：Proxy 本身不改变原对象结构，而是控制访问行为；真正“过滤掉” undefined/null 属性需在读取时跳过或返回默认值，常见做法是在 get 中判断并返回 undefined（让属性表现得像不存在），或配合 has 拦截器让 in 操作符也失效。
用 get + has 拦截器隐藏 null/undefined 属性
这是最贴近“过滤效果”的方式：当属性值为 null 或 undefined 时，get 返回 undefined，同时 has 返回 false，使该属性在 in、for...in、Object.keys()（注意：这个仍会返回原始键，需额外封装）等场景中“不可见”。
示例：
const data = { a: 1, b: null, c: undefined, d: 'hello' };
const filteredProxy = new Proxy(data, {
get(target, key) {
const value = target[key];
if (value === null || value === undefined) {
return undefined; // 让访问像读取不存在的属性
}
return value;
},
has(target, key) {
const value = target[key];
return value !== null && value !== undefined;
}
});
console.log(filteredProxy.a); // 1
console.log(filteredProxy.b); // undefined（不是报错，也不是 null）
console.log('b' in filteredProxy); // false
console.log('d' in filteredProxy); // true
配合 Object.keys / JSON.stringify 的兼容处理
Proxy 的 get 和 has 对 Object.keys()、JSON.stringify() 等静态方法无效——它们直接读取目标对象，不走代理。如需这些方法也“过滤”，需额外封装函数：
立即学习“Java免费学习笔记（深入）”；
-
safeKeys(obj)：遍历Object.keys(target)，再用has过滤 -
safeStringify(obj)：先用safeKeys获取有效键，再手动构造纯对象再序列化
示例：
function safeKeys(obj) {
return Object.keys(obj).filter(key => key in obj); // 利用代理的 has
}
function safeStringify(obj) {
const keys = safeKeys(obj);
const plain = {};
for (const k of keys) plain[k] = obj[k];
return JSON.stringify(plain);
}
console.log(safeKeys(filteredProxy)); // ['a', 'd']
console.log(safeStringify(filteredProxy)); // '{"a":1,"d":"hello"}'
深层嵌套对象的递归代理（可选增强）
如果对象含嵌套，且希望子对象也自动过滤，可在 get 中检测返回值是否为普通对象，是则递归 wrap：
- 检查
value是否为 plain object（非 null、typeof === 'object'、非 Array、非 Date 等） - 若是，返回一个新的同类型 Proxy（缓存避免重复代理）
- 注意循环引用需加 WeakMap 缓存已代理对象
这样 proxy.nested?.missing 也会自然返回 undefined，无需手动处理每一层。
注意边界与替代思路
Proxy 是运行时拦截，不修改原始数据。若需一次性生成干净对象（如用于 API 请求），更简单的方式是用 Object.fromEntries() 过滤：
const cleanObj = Object.fromEntries( Object.entries(data).filter(([, v]) => v != null) ); // 注意：v != null 同时排除 null 和 undefined（== 比较）
这种方式无代理开销，适合一次性转换；Proxy 更适合需要持续响应数据变化、或需统一拦截逻辑的场景。
