Hice un patio de juegos de TypeScript para mostrarle el código y la salida. No entiendo por qué no tengo el mismo resultado en mi código cuando estoy usando .forEach y for in loop.
Hice 2 funciones para recortar todos los parámetros del cuerpo. La primera función usa .forEach() y la segunda usa for in .
Aquí están las funciones:
function trimWithForEach(obj: any): any { if (obj !== null && typeof obj === 'object') { Object.keys(obj).forEach(function (prop) { // if the property is an object trim it if (typeof obj[prop] === 'object') { return trimWithForEach(obj[prop]); } // if it's a string remove begin and end whitespaces if (typeof obj[prop] === 'string') { obj[prop] = obj[prop].trim(); } }); } } function trimWithForIn(obj: any): any { if (obj !== null && typeof obj === 'object') { for (var prop in obj) { // if the property is an object trim it if (typeof obj[prop] === 'object') { return trimWithForIn(obj[prop]); } // if it's a string remove begin and end whitespaces if (typeof obj[prop] === 'string') { obj[prop] = obj[prop].trim(); } } } } Con forEach() tengo el buen resultado que quiero, recortará todo mi cuerpo. Pero con for in tengo un problema porque solo se activa la condición del primer object para hacer mi llamada recursiva y si tengo otros tipos de objetos, se ignoran. La llamada recursiva funciona solo una vez en todo mi objeto de cuerpo en el ciclo for in y no sé por qué.
¿Puedes ayudarme a entender?
En el ciclo for..in , la return lo devuelve fuera de función la primera vez que encuentra la condición para ser verdadera. Es por eso que los elementos posteriores nunca se procesan.
No estoy muy seguro de lo que está tratando de hacer aquí, pero hay una diferencia básica entre la forma en que 'forEach' y 'for...in' funcionan con respecto a 'return'.
In for...in return devuelve el valor fuera de función, pero en forEach el return no funciona.
Mire el siguiente ejemplo simple para mayor claridad.
var testfn = function() { let a = [1,2,3] let b = a.forEach(el => { if ( el == 2 ) return el }) console.log("Came here!") console.log({b}) } var testfn1 = function() { let a = [1,2,3] for ( let i in a ){ if ( a[i] == 2 ) return a[i] } console.log("Came here!") console.log({a}) } testfn() testfn1()