How to break string, replacing space by line break

Question

I need to Break a String(Phrase) in the proper whitespace, so that it is inserted in place of the line breaking \n escape character, in order for it to skip line-by-line. See an example logic, below:

Casa Bonita

Stay like this:

House

Beautiful

For more details, see what I have achieved so far, but I wish to do something more...

<script>
    window.onload=function(){
      campo = "Casa Bonita"
       letra = campo.split(" "); // Quebra Linha no Espaço
       for(var i in letra)
      alert(letra[i]);
    }
</script>

Well, what is this something else.. /result being displayed on alert row after row successively according to the size of the String(Phrase). However, I would like to skip each line using the \n and not <br> within a innerHTML();. Has help!

Answer 1

you can use a regular expression to replace all whitespace.

var texto = "minha linda casa branca".replace(/\s/g, "\n");
alert(texto);

P.S: \s is the metacharacter for whitespace.

to accomplish a sort of the words, you will need to store the Palabras in an array, then carry out the luck and finally make a Join.

var texto = "minha linda casa branca";
var palavras = texto.split(" ");
var collator = new Intl.Collator('pt-BR', { sensitivity: "base" });
palavras.sort(function (paravra1, palavra2) {
  return collator.compare(paravra1, palavra2)
})
texto = palavras.join("\n");
alert(texto);

I used the Intl.Collator with { sensitivity: "base" }, so that when comparing the strings, the case and the acentos are "ignored", in this case a ≠ b, a = á, a = A.

Answer 2

Good, your contribution has helped in full, now put my feat, so that it stays for future analysis and study by other users who as well as I have the same doubts. Behold:

texto = "Bruna Dora Carla Amanda Emiliana"
letra = texto.split(" ");
letra.sort();
texto = letra.join("\n");
alert(texto);