我有一种方法可以用另一个对象替换数组中的一个对象。它将按 ID 搜索并更改与指定 ID 匹配的所有记录。
我想将其更改为通用的、可重用的方法,该方法可以以相同的方式对我传入的任何对象类型进行操作。(例如:car.id
、car.door .id
、car.trunkMonkey.id
等)
有没有办法将“element.car.id”路径作为变量传递到此方法中?
updateArrayObject(item: any, data: any[]) {
// Parse all objects in the array, looking for matches by ID
data.forEach(element => {
if (element.car.id === item.id) { // <-- Can I pass "element.car.id" into the method somehow?
// Item ID matches. Replace the item.
element.car = item;
}
});
}
最佳答案
某些程序通过字符串("element.car.id"
)执行此操作并在运行时解析路径。不幸的是,不是类型安全的。
这里有点复杂并且有其局限性,但它是类型安全的:
function updateArrayObject<T, R>( // ElementType, ReplacementType
data: T[], // The array
getter: (element: T) => R, // Getter of the thing that might be replaced
setter: (element: T, replacement: R) => void, // Setter of the replacement, when appropriate
keyComparer: (candidate: R, replacement: R) => boolean, // The matching predicate
replacement: R) { // The replacement
data.forEach(element => {
if (keyComparer(getter(element), replacement)) {
setter(element, replacement);
}
});
}
var sample: Element[] = [ /* ... */ ];
// Your car example
updateArrayObject<Element, Car>(
sample,
e => e.car,
(e, r) => { e.car = r },
(left, right) => left.id === right.id,
{
id: 42,
door: { id: 0, name: 'driver' },
trunkMonkey: { id: 0, tmName: 'bozo' }
})
// Your trunkMonkey example
updateArrayObject<Element, TrunkMonkey>(
sample,
e => e.car.trunkMonkey,
(e, r) => { e.car.trunkMonkey = r },
(left, right) => left.id === right.id,
{
id: 0, tmName: 'bozo'
})
// The various custom types involved.
interface Door { id: number, name: string }
interface TrunkMonkey { id : number, tmName: string }
interface Car {
id: number,
door: Door,
trunkMonkey: TrunkMonkey
}
interface Element {
car: Car,
otherElementData: any
}
您还可以研究“功能性镜片”。
关于javascript - 在 typescript 中将对象路径作为参数传递,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47206848/