我正尝试使用传播运算符从对象中删除属性。传统上,我这样做:
const original_object = { prop1 : 'string1', prop2: 'string2' };
const { prop1, ...rest } = original_object;
在上述情况下,其余对象中将不再存在已删除的属性(prop1)。
假设还有一个我想要删除的复杂属性,例如对象中的一个对象。
const original_object = {
prop1: 'string1'
prop2: {
prop3: 'string3',
prop4: 'string4'
}
}
const { *remove prop3 of prop2 only here*, ...rest} = original_object;
console.log(prop3); // => 'string3';
什么是最优雅/最简单的解决方案?我希望除prop3
中的一个prop2
之外的所有内容都以完全相同的结构包含在对象中。
答案 0 :(得分:4)
分两步执行-首先将prop3
进行解构,然后创建一个新对象,将其余的外部对象与prop2合并,并从中删除prop3:
const original_object = {
prop1: 'string1',
prop2: {
prop3: 'string3',
prop4: 'string4'
}
};
const { prop2: { prop3, ...restProp2 }, ...restOrig} = original_object;
const newObj = { ...restOrig, prop2: restProp2 };
console.log(prop3); // => 'string3';
console.log(newObj);
虽然您可以仅用一条语句就可以做到这一点,但我不建议这样做。
如果您经常使用深层嵌套的属性来执行此操作,并且不喜欢多余的一行,则可以考虑以下辅助函数:
const getNestedFrom = (obj, propStr) => {
// make a copy, don't mutate the original object
const newObj = JSON.parse(JSON.stringify(obj));
const props = propStr.split('.');
const lastProp = props.pop();
const lastObj = props.reduce((a, prop) => a[prop], newObj);
const val = lastObj[lastProp];
delete lastObj[lastProp];
return [newObj, val];;
};
const original_object = {
prop1: 'string1',
prop2: {
prop3: 'string3',
prop4: 'string4'
}
};
const [newObj, prop3] = getNestedFrom(original_object, 'prop2.prop3');
console.log(prop3); // => 'string3';
console.log(newObj);
出于好奇的缘故(请不要这样做),黑客将使用一个绝对不存在的默认属性:
const original_object = {
prop1: 'string1',
prop2: {
prop3: 'string3',
prop4: 'string4'
}
};
const [
{ prop2: { prop3, ...restProp2 }, ...restOrig},
newObj = { ...restOrig, prop2: restProp2 }
] = [original_object]
console.log(prop3); // => 'string3';
console.log(newObj);
但是,这将造成极大(且不必要)的混乱。