Affichage Javascript(); pas de pop, de push, de décalage, de shift?

Question

Je suis novice en JavaScript et j'apprends le pop, le push, le shift et le unshift. J'essaie d'avoir 3 films, montrez-en 4 à différents moments. Cependant, mon .display(); La fonction ne montre rien. Je reçois une erreur

Uncaught TypeError: ArrayOfMovies.push is not a function 

Je crois qu'il va être le même problème avec l'autre .display(); élément.

function Movie(title, genre, rating, price, img) { 
    this.title = title; 
    this.genre = genre; 
    this.rating = rating; 
    this.price = price; 
    this.image = img; 
    this.display = displaymovie; 
} 

function displaymovie() { 
document.write("<blockquote style='text-align:left; font-size:15px; font-family: Arial, sans-sherif; font-weight:600; float:left; padding-left: 20px; padding-right:40px; padding-top:40px; color:#C58917;'>Title:" + this.title + "<br>"); 
document.write("Genre:" + this.genre + "<br>"); 
document.write("Rating:" + this.rating + "<br>"); 
document.write("Price:" + this.price + "</blockquote><br>"); 
document.write("<span><IMG float:'right' SRC='" + this.image + "' style='width:138px; height:158px;'>" + "<BR><BR>"); 
} 

var movieone = new Movie(" Avengers the age of Ultron", " Action/Adventure", " 8.0/10.0", " $9.99", "Labs_Images/Avg_Ultron.jpg"); 
var movietwo = new Movie(" The Age of Adaline", " Drama/Romance", " 6.7/10.0", " $8.99, ", "Labs_Images/Tmrr_land.jpg"); 
var moviethree = new Movie(" The Age of Adaline", " Drama/Romance", " 6.7/10.0", " $8.99", "Labs_Images/MM_road.jpg"); 

var ArrayOfMovies = new Movie(); 
ArrayOfMovies.push(movieone); 
ArrayOfMovies.push(movietwo); 
ArrayOfMovies.push(moviethree); 
var MoviesAll = Movie.push(); 
    MoviesAll.display(); 

     document.write("<br> <br>", "<h2>Next</h2>", "<br> <br>"); 

     var MovieAll = ArrayOfMovies.pop(); 
     MovieAll.display(); 
     document.write("<br> <br>", "<h2>Next2</h2>", "<br> <br>"); 

     var MovieAll2 = ArrayOfMovies.pop(); 
     MovieAll2.display(); 
     document.write("<br> <br>", "<h2>Next3</h2>", "<br> <br>"); 

     var MovieAll3 = ArrayOfMovies.unshift('movietwo'); 
     var MovieAll4 = ArrayOfMovies.pop(); 
     MovieAll4.display(); 
     document.write("<br> <br>", "<h2>Next4</h2>", "<br> <br>"); 

     var MovieAll5 = ArrayOfMovies.push('moviethree'); 
     var MovieAll6 = ArrayOfMovies.shift(); 
     MovieAll6.display(); 

Answer 1

Je pense que quelque chose comme ceci est ce que vous recherchez à droite:

function Movie(title, genre, rating, price, img) { 
 
    this.title = title; 
 
    this.genre = genre; 
 
    this.rating = rating; 
 
    this.price = price; 
 
    this.image = img; 
 
} 
 

 
// Just a better way to add methods to the objects prototype 
 
Movie.prototype.display = function() { 
 
    document.write("<blockquote style='text-align:left; font-size:15px; font-family: Arial, sans-sherif; font-weight:600; float:left; padding-left: 20px; padding-right:40px; padding-top:40px; color:#C58917;'>Title:" + this.title + "<br>"); 
 
    document.write("Genre:" + this.genre + "<br>"); 
 
    document.write("Rating:" + this.rating + "<br>"); 
 
    document.write("Price:" + this.price + "</blockquote><br>"); 
 
    document.write("<span><IMG float:'right' SRC='" + this.image + "' style='width:138px; height:158px;'>" + "<BR><BR>"); 
 
}; 
 

 
var movieone = new Movie(" Avengers the age of Ultron", " Action/Adventure", " 8.0/10.0", " $9.99", "Labs_Images/Avg_Ultron.jpg"); 
 
var movietwo = new Movie(" The Age of Adaline", " Drama/Romance", " 6.7/10.0", " $8.99, ", "Labs_Images/Tmrr_land.jpg"); 
 
var moviethree = new Movie(" The Age of Adaline", " Drama/Romance", " 6.7/10.0", " $8.99", "Labs_Images/MM_road.jpg"); 
 

 
// Creates an array for the movies 
 
var ArrayOfMovies = []; 
 

 
// Pushes some movies 
 
ArrayOfMovies.push(movieone); 
 
ArrayOfMovies.push(movietwo); 
 
ArrayOfMovies.push(moviethree); 
 

 
document.write("<br> <br>", "<h2>Next</h2>", "<br> <br>"); 
 

 
// Proper pop() 
 
var movie = ArrayOfMovies.pop(); 
 
movie.display(); 
 
document.write("<br> <br>", "<h2>Next2</h2>", "<br> <br>"); 
 

 
// Proper shift() 
 
movie = ArrayOfMovies.shift(); 
 
movie.display(); 
 
document.write("<br> <br>", "<h2>Next3</h2>", "<br> <br>"); 
 

 
// Proper push() and pop() 
 
ArrayOfMovies.push(movietwo); 
 
movie = ArrayOfMovies.pop(); 
 
movie.display(); 
 
document.write("<br> <br>", "<h2>Next4</h2>", "<br> <br>"); 
 

 
// Proper unshift() and shift() 
 
ArrayOfMovies.unshift(moviethree); 
 
movie = ArrayOfMovies.shift(); 
 
movie.display();

Answer 2

@torazaburo vous devez avoir des points-virgules, car fait partie du langage de programmation JavaScript. Si vous n'avez pas JavaScript, insérez automatiquement un point-virgule. Consultez ce blog: - JavaScript Semicolon Insertion: Every you need to know. Il vous en dit plus sur les règles. Dans certains cas, le point-virgule peut également être omis.

Answer 3

Après avoir lu un commentaire Sam je figure sur la façon dont il a besoin plus facile:

var movie = ArrayOfMovies[ArrayOfMovies.length - 3]; 
movie.display(); 
var movie = ArrayOfMovies[ArrayOfMovies.length - 2]; 
movie.display(); 
var movie = ArrayOfMovies[ArrayOfMovies.length - 1]; 
movie.display(); //now the pushed are all dispayled! 

Voici le Javascript complet après mes corrections --->

<script type="text/javascript"> 
function Movie(title, genre, rating, price, img) { 
    this.title = title; 
    this.genre = genre; 
    this.rating = rating; 
    this.price = price; 
    this.image = img; 
} 

// Just a better way to add methods to the objects prototype 
Movie.prototype.display = function() { 
    document.write("<blockquote style='text-align:left; font-size:15px; font-family: Arial, sans-sherif; font-weight:600; float:left; padding-left: 20px; padding-right:40px; padding-top:40px; color:#C58917;'>Title:" + this.title + "<br>"); 
    document.write("Genre:" + this.genre + "<br>"); 
    document.write("Rating:" + this.rating + "<br>"); 
    document.write("Price:" + this.price + "</blockquote><br>"); 
    document.write("<span><IMG float:'right' SRC='" + this.image + "' style='width:138px; height:158px;'>" + "<BR><BR>"); 
}; 

var movieone = new Movie(" Avengers the age of Ultron", " Action/Adventure", " 8.0/10.0", " $9.99", "Labs_Images/Avg_Ultron.jpg"); 
var movietwo = new Movie(" The Age of Adaline", " Drama/Romance", " 6.7/10.0", " $8.99, ", "Labs_Images/Tmrr_land.jpg"); 
var moviethree = new Movie(" The Age of Adaline", " Drama/Romance", " 6.7/10.0", " $8.99", "Labs_Images/MM_road.jpg"); 




document.write("<br> <br>", "<h2>Next</h2>", "<br> <br>"); 
// Creates an array for the movies 
var ArrayOfMovies = []; 

// Pushes some movies 
ArrayOfMovies.push(movieone); 
ArrayOfMovies.push(movietwo); 
ArrayOfMovies.push(moviethree); 

// Pushes some movies display 
var movie = ArrayOfMovies[ArrayOfMovies.length - 3]; 
movie.display(); 
var movie = ArrayOfMovies[ArrayOfMovies.length - 2]; 
movie.display(); 
var movie = ArrayOfMovies[ArrayOfMovies.length - 1]; 
movie.display(); 
document.write("<br> <br>", "<h2>Next2</h2>", "<br> <br>"); 

// Proper pop() 
var movie = ArrayOfMovies.pop(); 
movie.display(); 
document.write("<br> <br>", "<h2>Next3</h2>", "<br> <br>"); 

// Proper shift() 
movie = ArrayOfMovies.shift(); 
movie.display(); 
document.write("<br> <br>", "<h2>Next4</h2>", "<br> <br>"); 

// Proper push() and pop() 
ArrayOfMovies.push(movietwo); 
movie = ArrayOfMovies.pop(); 
movie.display(); 
document.write("<br> <br>", "<h2>Next5</h2>", "<br> <br>"); 

// Proper unshift() and shift() 
ArrayOfMovies.unshift(moviethree); 
movie = ArrayOfMovies.shift(); 
movie.display(); 
</script>