¿El retorno detiene un bucle?
Si tengo el siguiente forbucle
for (var i = 0; i < SomeArrayOfObject.length; i++) {
if (SomeArray[i].SomeValue === SomeCondition) {
var SomeVar = SomeArray[i].SomeProperty;
return SomeVar;
}
}
¿ La returndeclaración detiene la ejecución de la función?
Sí, las funciones siempre finalizan cuando su flujo de control cumple con una returndeclaración.
El siguiente ejemplo demuestra cómo returnlas declaraciones finalizan la ejecución de una función.
function returnMe() {
for (var i = 0; i < 2; i++) {
if (i === 1) return i;
}
}
console.log(returnMe());Notas: consulte esta otra respuesta sobre el caso especial de try– catch– finallyy esta respuesta sobre cómo la forEachdevolución de llamada tiene su propio alcance de función, por lo que no saldrá de la función que la contiene.
En la mayoría de los casos (incluido éste), returnsaldrá inmediatamente. Sin embargo, si la devolución está en un trybloque con un finallybloque que lo acompaña, finallysiempre se ejecuta y puede "anular" el returnen el archivo try.
function foo() {
try {
for (var i = 0; i < 10; i++) {
if (i % 3 == 0) {
return i; // This executes once
}
}
} finally {
return 42; // But this still executes
}
}
console.log(foo()); // Prints 42
Este código saldrá del bucle después de la primera iteración del for ofbucle:
const objc = [{ name: 1 }, { name: 2 }, { name: 3 }];
for (const iterator of objc) {
if (iterator.name == 2) {
return;
}
console.log(iterator.name);// 1
}
El siguiente código saltará a la condición y continuará en un for ofbucle:
const objc = [{ name: 1 }, { name: 2 }, { name: 3 }];
for (const iterator of objc) {
if (iterator.name == 2) {
continue;
}
console.log(iterator.name); // 1 , 3
}
La returndeclaración detiene un bucle sólo si está dentro de la función (es decir, finaliza tanto el bucle como la función). De lo contrario, obtendrá este error:
Uncaught SyntaxError: Illegal return statement(…)
Para terminar un bucle debes usar break.
