Todos los textos de mi aplicación están dentro de un archivo .json para fines de traducción. Necesito una función para obtener el texto correspondiente según el idioma seleccionado.

Creo que debería ser una tarea fácil, pero no veo la solución.

Tengo el siguiente objeto:

 { section1: { btn: { en: "English", es: "Español" }, title: { en: "Web Frontend Developer", es: "Desarrollador Web de Frontend" }, card: { title: { en: "Hello!", es: "Hola!" }, btn: { en: "Get started", es: "Empecemos" }, } } }

Este objeto debe pasarse a una función como primer parámetro y el segundo parámetro debe ser el idioma (en este caso "en" o "es"). Quiero algo como esto: filterObjByLanguage(obj, "es")

Y debería devolver:

 { section1: { btn: "Español", title: "Desarrollador Web de Frontend", card: { title: "Hola!", btn: "Empecemos" } } }

Básicamente, recorre cada parte del objeto y donde hay un { en:"text", es: "texto" } , elige uno de ellos en función del segundo parámetro.

Este es mi intento, pero solo la primera capa del objeto se devuelve correctamente, el resto no está definido.

 const filterObjByLanguage= (obj: any, lang: string): any => { const output = Object.assign(obj, {}); const loop = (obj: any, isRoot: boolean = true): any => { for (var k in obj) { const value = output[k]; const valueAtSelected = value?.[lang]; if (typeof value === "string") { continue; } else if (valueAtSelected) { if (isRoot) output[k] = valueAtSelected; else return valueAtSelected; } else { if (isRoot) output[k] = loop(value, false); else return loop(value, false); } } }; loop(output); return output; };