Can you had multiple values to a property in JavaScript Class?

Question

The point of this is to attach multiple tags (example: sci-fi, aliens, spaceships) when a user registers a new book, and chooses from an already existing set of tags. There is more to this but for simplification purposes this is all I ask. For example, can the property tags have multiple values, like be an array, so I can access them after?

Like the tags you put on a question when you ask it here.

class Book{
   constructor(title, cover, autor, tags){
      this.title = title;
      this.cover = cover;
      this.autor = autor;
      this.tags = tags;
}

yeah 100% - objects are kind of a big deal :) javascript is great for playing around because it's so loosely typed. Each time you instantiated a new Book() you could pass in any data type you like. — DMcCallum83
– DMcCallum83, Commented May 16, 2018 at 18:30
check out my answer on how to use your constructor, and access the object created. hope it helps — DMcCallum83
– DMcCallum83, Commented May 16, 2018 at 18:35
Yes, a property can have an array as a value, if that's what you're asking for. — Bergi
– Bergi, Commented May 16, 2018 at 18:38
Ok that is what I taught I should have tested it myself but I wanted a good explanation. Thank you all. — ImInYourCode
– ImInYourCode, Commented May 16, 2018 at 19:24

Michał Perłakowski · Accepted Answer · 2018-05-16 18:28:23Z

1

Yes, an object property can be an array. Your code is fine.

answered May 16, 2018 at 18:28

Michał Perłakowski

93.4k30 gold badges165 silver badges189 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sean Munson · Accepted Answer · 2018-05-16 18:28:25Z

0

Sure, you can have arrays and properties in classes.

answered May 16, 2018 at 18:28

Sean Munson

3812 silver badges12 bronze badges

1 Comment

Bergi Over a year ago

"and" makes no sense here

DMcCallum83 · Accepted Answer · 2018-05-16 18:48:06Z

So you've got your constructor:

class Book{
  constructor(title, cover, author, tags){
    this.title = title;
    this.cover = cover;
    this.author = author;
    this.tags = tags;
}

Now all you need to do is instantiate it, and access it:

// presuming you have the params to pass in from somewhere
var someBook = new Book(title, cover, author, tags);

//to access, use either syntax styles:
var someBooksTags = someBook['tags']  // name of prop accessing as string
var someBooksTitle = somebook.title;

You will get the type back that you put in to the constructor, so if you pass an array of strings/objects as the tags, then that's what you'll get back when you access it.

If you've got any questions, feel free to ask dude.

Edit: Here's an example with a tags array passed in:

var nb_name = 'Awesome Book',
    nb_cover = '../../images/awesomebookcover.png',
    nb_author = {
        name: 'jimbo slim',
        booksPublished: 17
    },
    nb_tags = ['awesome','seasoned author','hardback'];

var book = new Book(nb_name, nb_cover, nb_author, nb_tags);

console.log(book.tags); 
// output: ['awesome','seasoned author','hardback']

Collectives™ on Stack Overflow

Can you had multiple values to a property in JavaScript Class?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related