Problem ze zmiana pierwszych liter wyrazów na wielkie w stringu Javascript

Question

Dzień dobry.

Celem mojego kodu jest zmiana pierwszych liter wyrazów  podanego stringa na wielkie.

Czy mógłby mi ktoś wytłumaczyć dlaczego to nie działa?
 

        function titleCase(str) {
              var arr = str.split(" ");
              for (var i = 0; i < arr.length; i++){
                  for (var x = 0; x < 1; x++){
                      arr[i][x].toUpperCase;
                      console.log("indeks :"+x+" wartość: "+arr[i][x]);
                  }
              }
              return str;
        }

            titleCase("Jakiś dłuższy przykładowy tekst");

Wyszedłem z zalozenia, ze skoro string jest tablicą znakow to na kazdym osobno takze mozna bedzie dokonywac operacji. Skoro konsola loguje kazda z liter normalnie to dlaczego nie działa na nich metoda toUpperCase?.

Nie rozumiem dlaczego przypisując wraz z metodą toUpperCase  każdą z arr[i][x] do jakiejs zmiennej wszystko działa poprawnie a osobno nie.  

var y = arr[i][x].toUpperCase();
console.log(y);

 

Wiem ,że jest to wynik mojego niedoinformowania w kwestii stringów i tablic ale szukam od 2 dni w internecie rozwiązania i nie potrafię się z tym uporać.

Dziękuję z góry za pomoc.

Comments

Bo toUpperCase nie zmienia w podanym ciągu tylko zwraca zmieniony ciąg, a ty musisz go gdzieś przypisać. W tym wypadku w to samo miejsce

Answer 1

Bo zwracasz nieprzetworzony string.

Zrób tak.

function titleCase(str) {
      var arr = str.split(" ");
      for (var i = 0; i < arr.length; i++){
         arr[i] = arr[i].split("");
         arr[i][0] = arr[i][0].toUpperCase();
         arr[i] = arr[i].join("");
        }
      return arr.join(" ");
}
 
    titleCase("Jakiś dłuższy przykładowy tekst");

Może metoda troszkę upośledzona ale działa

Answer 2

function titleCase(str) {
     var a = str.split(" ");
	 
	 for(var i=0;i<a.length;i++){
		 
		// console.log(a[0].replace(a[0][0],a[0][0].toUpperCase()));
		// console.log(a[1].replace(a[1][0],a[1][0].toUpperCase()));
		// console.log(a[2].replace(a[2][0],a[2][0].toUpperCase()));
		a[i] = a[i].replace(a[i][0],a[i][0].toUpperCase());
	}
	return a.join(" ");
}
console.log( titleCase("lorem ipsum, ipsum lorem, lorem ipsum(...)"));

Edit: Skorzystałem z return arr.join(" "); po odpowiedzi @cyklop123.

Answer 3

Kochani dziękuję wszystkim za odpowiedzi.
Pod spodem przedstawiam skończony kod - może któremuś z forumowiczy w przyszłości się przyda.

funkcja przekształca stringi (bez względu na konfigurację wielkości liter) na taki, że w każdym wyrazie pierwsza litera jest wielka a pozostałe małe. :)

 function titleCase(str) {
              var arr = str.split(" ");
              for (var i = 0; i < arr.length; i++){
                  arr[i] = arr[i].split("");
                  for (var x = 0; x < 1; x++){
                   arr[i][x] = arr[i][x].toUpperCase();
                      console.log(arr);
                  }
                  for (var y = 1; y <arr[i].length; y++){
                   arr[i][y] = arr[i][y].toLowerCase();
                      console.log(arr);
                  }
                  arr[i] = arr[i].join("");
                  
              }
            arr = arr.join("  ");
              console.log(arr);
        }

            titleCase("Jakiś dłuŻszy PrzYkŁaDowy tekst");

Comments

A teraz porównaj tą ścianę tekstu z pięknem functional programming: 

let titleCase = (str) => str.split(" ").map((str) => str = str.charAt(0).toUpperCase() + str.substring(1).toLowerCase()).join(" ");

console.log(titleCase("Jakiś dłuŻszy PrzYkŁaDowy tekst"));

Jest różnica, prawda?