能否为JavaScript类的属性设置多个值？以图书标签场景为例

Absolutely! Using an array for the tags property in your Book class is exactly the right choice for storing multiple associated tags (like sci-fi, aliens, spaceships). Arrays are built to hold collections of values, which makes them perfect for this use case—they’re easy to iterate over, modify, and query later on, just like the tag systems you see on question platforms.

Let me break down why this works well, plus some quick tweaks to make your class more robust:

Why an array is ideal here #

• Arrays let you store as many tags as needed, no fixed limits holding you back
• You can easily loop through tags to display them, filter books by tag, or count how often a tag is used
• They play nicely with common array methods like includes(), push(), and filter()—tools you’ll definitely want for managing your book library logic

Example usage #

When creating a Book instance, just pass an array of tags directly:

const duneBook = new Book(
  "Dune",
  "dune-cover.jpg",
  "Frank Herbert",
  ["sci-fi", "aliens", "deserts", "politics"]
);

Later, working with the tags is straightforward:

// Check if a book has a specific tag
if (duneBook.tags.includes("sci-fi")) {
  console.log("This is a sci-fi book!");
}

// Add a new tag to the book
duneBook.tags.push("classic");

// Filter a list of books to find all with the "aliens" tag
const alienThemedBooks = allBooks.filter(book => book.tags.includes("aliens"));

A small robustness improvement #

To avoid headaches if someone accidentally passes a non-array value (like a single string) for tags, add a quick check in the constructor to normalize the input:

class Book {
  constructor(title, cover, autor, tags) {
    this.title = title;
    this.cover = cover;
    this.autor = autor;
    // Ensure tags is always an array, even if a single string is passed
    this.tags = Array.isArray(tags) ? tags : (tags ? [tags] : []);
  }
}

This way, even if someone passes "sci-fi" instead of ["sci-fi"], your class will handle it gracefully without breaking later operations.

内容的提问来源于stack exchange，提问作者ImInYourCode