Escribí una función simple para reemplazar valores en una matriz de acuerdo con un objeto de diccionario de búsqueda:
// typescript function recode(arr: any[], dict: Record<string, string> ) { return arr.map(el => dict[el]) } Funciona como se esperaba. Sin embargo, quiero que la función devuelva un null cuando los valores de la matriz no coincidan en el diccionario de búsqueda.
Así que ahora mismo si hago:
// array input const myArr: string[] = ['eggplant', 'tomato', 'carrot', 'cabbage']; // look-up dictionary const myDictionary: Record<string, string> = { eggplant: 'purple', tomato: 'red', carrot: 'orange' }; function recode(arr: any[], dict: Record<string, string> ) { return arr.map(el => dict[el]) } // calling recode() recode(myArr, myDictionary) // returns // ["purple", "red", "orange", undefined]Pero quiero que la salida sea
// ["purple", "red", "orange", null]¿Hay una manera lo suficientemente simple de lograr esto, considerando que estoy usando mecanografiado (no estoy seguro de que haga la diferencia)?
Puede usar el operador coalescente nulo ( ?? ) para resolver null en casos de undefined (y usar un parámetro de tipo genérico para inferir el tipo de valores del parámetro dict ):
const myArr: string[] = ['eggplant', 'tomato', 'carrot', 'cabbage']; const myDictionary: Record<string, string> = { eggplant: 'purple', tomato: 'red', carrot: 'orange' }; function recode <T extends Record<string, any>>( arr: readonly string[], dict: T, ): (T[keyof T] | null)[] { return arr.map(el => dict[el] ?? null); } const result = recode(myArr, myDictionary); // (string | null)[] console.log(result);