web-dev-qa-db-fra.com

comment ajouter des espaces entre les éléments du tableau javascript

Je suis un débutant en javascript donc j'apprécie toute aide/conseil donné.

Mon problème ici est que j'essaie de comprendre comment ajouter de l'espace entre les éléments dans le tableau times [] qui contient les valeurs des heures de spectacle pour chaque objet de film. J'ai essayé de diviser à la virgule (",") mais cela ne fonctionne pas. Quand j'ai essayé de diviser à ("pm") cela a fonctionné. J'ai également trouvé un moyen d'ajouter de l'espace dans les valeurs des séances elles-mêmes, mais j'ai pensé qu'il devait y avoir une meilleure façon de procéder. Des pensées? Merci!

window.onload = init;


function Movie(title, year, showtimes) { 
  this.title = title;
  this.year = year;
  this.showtimes = showtimes;
  }

  function init() {
    var darkKnight = new Movie("The Dark Knight Rises", "2012", ["1pm,", "2pm,", "3pm,"]);
    var takeThisWaltz = new Movie ("Take This Waltz", "2012", ["4pm", "5pm","6pm"]);
    var watchmen = new Movie("Watchmen", "2009", ["7pm","8pm","9pm"]); 

    var movieList = [darkKnight, takeThisWaltz, watchmen]


    for(var i = 0; i < movieList.length; i++) { 
    var theObj = movieList[i];
    var times = [movieList[i].showtimes] 
      for(var j = 0; j < times.length; j++) {
      var str = times[i];     
      } 
    makeResult();    }


    function makeResult() {             
    var list = document.getElementById("movieList"); 
    var li = document.createElement("li");          
    li.innerHTML = "title: " + movieList[i].title + " year: " + movieList[i].year + " showtimes: " + times[0].toString().split(",");
    list.appendChild(li); }


 }
javascriptarrayslistsplittostring
15
user1876829

la fonction array.join prend un paramètre optionnel delimiter qui séparera les éléments par le délimiteur. Un exemple simple:

var showtimes = ["1pm", "2pm", "3pm"];
var showtimesAsString = showtimes.join(', '); // gives "1pm, 2pm, 3pm"
47
jbabey