typescriptのパラメータとしてオブジェクトパスを渡す

Question

私は配列のオブジェクトを別のものに置き換えるメソッドを持っています。 IDで検索し、指定されたIDで一致するすべてのレコードを変更します。

私が渡し任意のオブジェクトタイプに対して同じように動作することができ、一般的な、再利用可能な方法に変更したいと思います（EG：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; 
      } 
     }); 
    } 

Answer 1

プログラムによっては、これをストリング（"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 
} 

あなたはまた、「機能のレンズを」研究かもしれません。ここ

Answer 2

は... cibleがcarまたはdoorすることができ、あなたの一般的な機能である：

updateArrayObject(item: any, data: any[], cible) { 
     // Parse all objects in the array, looking for matches by ID 
     data.forEach(element => { 
      if (element[cible].id === item.id) { // <-- Can I pass "element.car.id" into the method somehow? 
       // Item ID matches. Replace the item. 
       element[cible]= item; 
      } 
     }); 
    }