Quiero entender cómo funciona este bucle for en Javascript. La parte que más me confunde es la parte "text =".

Comenté al lado de todas las líneas que creo que entiendo. Cualquier explicación clara de todo el código será muy apreciada.

He jugado con el código a través del sitio web w3schools, donde lo encontré.

Código:

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>

<script>
var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];

text = "<ul>"; //start of list

fruits.forEach(myFunction); //for each fruit add 

text += "</ul>"; // end of list
document.getElementById("demo").innerHTML = text; // add to html

function myFunction(x) {  // function with one parameter to parse
  text += "<li>" + x + "</li>";
} 
</script>

</body>
</html>
0
A9000 22 ago. 2020 a las 16:05

1 respuesta

La mejor respuesta

x+=y es un azúcar sintáctico para x=x+y, lo que significa que estos dos son iguales.

Entonces, en tu caso:

  • text += "</ul>"; simplemente agregaría </ul> etiqueta de cierre a la variable text;

    Y

  • text += "<li>" + x + "</li>"; sería equivalente a text = text + "<li>" + x + "</li>".

2
Giorgi Tsiklauri 22 ago. 2020 a las 13:25