Struggling with a beginner arrays exercise, looking for help

Question

Struggling with a beginner arrays exercise, looking for help

Currently, I am delving into the realm of JavaScript and encountering some hurdles with arrays in this programming language. My task at hand is to create a class named TV Show that includes attributes such as title, thematic element, and an array of actors. Subsequently, I am required to develop a function that randomly designates one actor from the array as the "favorite."

Upon completing this task, I find myself left with an empty array.

Below is the code snippet:

class TVShow {
    constructor (title, thematic, principalActors){
        var arrayActors = new Array();
        this.title=title;
        this.thematic=thematic;
        principalActors=[];
    
        this.generateFavActor = function(){
            var long = principalActors.lenght;
            let calc = Math.floor(Math.random()*(long));
            arrayActors = principalActors[calc];
        }
        console.log(arrayActors);
    }
}
var show01= new TVShow("The Revolution", "Accion",["Hello","Hello2"]);
show01.generateFavActor();

var show02 = new TVShow("Peaky Blinders", "Drama",["Hello","Hello2", "Hello3"] );
show02.generateFavActor();

var show03 = new TVShow ("Stranger Things", "Accion", ["Hello","Hello2", "Hello3", "Hello4"]); 
show03.generateFavActor();

Thank you for your assistance!

javascript arrays

Answer 1

Answer №1

Can you achieve this using Destructuring assignment?

class TVShow
  {
  constructor (title, thematic, principalActors)
    {
    this.title    = title
    this.thematic = thematic
    this.actors   = [...principalActors]
    }
  generateFavActor()
    {
    console.log( this.actors[ Math.floor(Math.random()*this.actors.length ) ])
    }
  }
var show01 = new TVShow('The Revolution',  'Accion', ['Hello','Hello2'])
  , show02 = new TVShow('Peaky Blinders',  'Drama',  ['Hello','Hello2', 'Hello3'] )
  , show03 = new TVShow('Stranger Things', 'Accion', ['Hello','Hello2', 'Hello3', 'Hello4'])
  ;
show01.generateFavActor()
show02.generateFavActor()
show03.generateFavActor()

Answer 2

Can you achieve this using Destructuring assignment?

class TVShow
  {
  constructor (title, thematic, principalActors)
    {
    this.title    = title
    this.thematic = thematic
    this.actors   = [...principalActors]
    }
  generateFavActor()
    {
    console.log( this.actors[ Math.floor(Math.random()*this.actors.length ) ])
    }
  }
var show01 = new TVShow('The Revolution',  'Accion', ['Hello','Hello2'])
  , show02 = new TVShow('Peaky Blinders',  'Drama',  ['Hello','Hello2', 'Hello3'] )
  , show03 = new TVShow('Stranger Things', 'Accion', ['Hello','Hello2', 'Hello3', 'Hello4'])
  ;
show01.generateFavActor()
show02.generateFavActor()
show03.generateFavActor()

Answer 3

Answer №2

Here is a possible solution for what you're looking to achieve:

class Show {
    constructor (name, genre, actors){        
        this.name = name;
        this.genre = genre;
        this.actorList = actors;       

        this.selectFavoriteActor = function(){
            var totalActors = actors.length;
            let randomIndex = Math.floor(Math.random() * (totalActors));
            return actors[randomIndex];
        }       
        this.favoriteActor = this.selectFavoriteActor();
    }
}

var show1 = new Show("Breaking Bad", "Crime", ["Bryan Cranston", "Aaron Paul"]);
var favoriteActor1 = show1.favoriteActor;

var show2 = new Show("Friends", "Comedy", ["Jennifer Aniston", "Courteney Cox", "Lisa Kudrow"]);
var favoriteActor2 = show2.favoriteActor;

var show3 = new Show ("Game of Thrones", "Fantasy", ["Emilia Clarke", "Kit Harington", "Peter Dinklage"]); 
var favoriteActor3 = show3.favoriteActor;

console.log(favoriteActor1);
console.log(favoriteActor2);
console.log(favoriteActor3);

Answer 4

Here is a possible solution for what you're looking to achieve:

class Show {
    constructor (name, genre, actors){        
        this.name = name;
        this.genre = genre;
        this.actorList = actors;       

        this.selectFavoriteActor = function(){
            var totalActors = actors.length;
            let randomIndex = Math.floor(Math.random() * (totalActors));
            return actors[randomIndex];
        }       
        this.favoriteActor = this.selectFavoriteActor();
    }
}

var show1 = new Show("Breaking Bad", "Crime", ["Bryan Cranston", "Aaron Paul"]);
var favoriteActor1 = show1.favoriteActor;

var show2 = new Show("Friends", "Comedy", ["Jennifer Aniston", "Courteney Cox", "Lisa Kudrow"]);
var favoriteActor2 = show2.favoriteActor;

var show3 = new Show ("Game of Thrones", "Fantasy", ["Emilia Clarke", "Kit Harington", "Peter Dinklage"]); 
var favoriteActor3 = show3.favoriteActor;

console.log(favoriteActor1);
console.log(favoriteActor2);
console.log(favoriteActor3);

Answer 5

Answer №3

First, ensure to correct the reference to principalActors.length, not principalActors.lenght.
Secondly, avoid initializing principalActors as an empty array.
Next, simply include a console.log statement inside the function...
It will provide the correct answer...currently displaying the value assigned to an empty array var arrayActors = new Array()
Hopefully this is Helpful :-)
Also, I believe arrayActors does not need to be an array.

class TVShow {
    constructor (title, thematic, principalActors){
        var arrayActors = new Array();
        this.title=title;
        this.thematic=thematic;
        
    
        this.generateFavActor = function(){
            var long = principalActors.length;
            let calc = Math.floor(Math.random()*(long));
           arrayActors = principalActors[calc];
           console.log(arrayActors);
        }
        
    }
}
var show01= new TVShow("The Revolution", "Action",["Hello","Hello2"]);
show01.generateFavActor();

var show02 = new TVShow("Peaky Blinders", "Drama",["Hello","Hello2", "Hello3"] );
show02.generateFavActor();

var show03 = new TVShow ("Stranger Things", "Action", ["Hello","Hello2", "Hello3", "Hello4"]); 
show03.generateFavActor();

Answer 6

First, ensure to correct the reference to principalActors.length, not principalActors.lenght.
Secondly, avoid initializing principalActors as an empty array.
Next, simply include a console.log statement inside the function...
It will provide the correct answer...currently displaying the value assigned to an empty array var arrayActors = new Array()
Hopefully this is Helpful :-)
Also, I believe arrayActors does not need to be an array.

class TVShow {
    constructor (title, thematic, principalActors){
        var arrayActors = new Array();
        this.title=title;
        this.thematic=thematic;
        
    
        this.generateFavActor = function(){
            var long = principalActors.length;
            let calc = Math.floor(Math.random()*(long));
           arrayActors = principalActors[calc];
           console.log(arrayActors);
        }
        
    }
}
var show01= new TVShow("The Revolution", "Action",["Hello","Hello2"]);
show01.generateFavActor();

var show02 = new TVShow("Peaky Blinders", "Drama",["Hello","Hello2", "Hello3"] );
show02.generateFavActor();

var show03 = new TVShow ("Stranger Things", "Action", ["Hello","Hello2", "Hello3", "Hello4"]); 
show03.generateFavActor();

Struggling with a beginner arrays exercise, looking for help

Answer №1

Answer №2

Answer №3

Similar questions

Failure to Present Outcome on Screen

Child component not reflecting changes in Vue array prop

Error message: "Unable to access D3 data when trying to select nested

How to automatically terminate a program after fgets() reads a specified ending line from standard input redirection

typescript library experiencing issues with invalid regex flags in javascript nodes

Generating a String Array from an Integer Array in C

Guide to utilizing a variable inside a string within an array in PHP

Anomaly observed in the deconstruction of Material UI table components

Error: The name property is not defined and cannot be read in the Constructor.render function

What is the best way to utilize the ajax factory method in order to establish a $scoped variable?

Choose an option from the dropdown menu when clicking on the radio button

Discovering the Sum of K with Node JS Value Mapping

What causes the string to be treated as an object in React Native?

There seems to be an issue with the import class for React PropTypes. The prop

Adjusting the Materui LinearProgressWithLabel progress value to reflect a custom value

How to retrieve a nested element from a multidimensional array using Angular

Adaptive video player for complete YouTube experience

Convert bitmap images to byte arrays and then decode them back to their original format without

Can a website accurately identify my operating system and browser version even if my browser settings have been altered?

Executing Code Upon Module Load and Presenting It as Middleware