Creating an array from objects without manual effort

Question

Creating an array from objects without manual effort

Greetings everyone, currently I am structuring my array in the following manner:

var piece1 = new DialoguePiece(null, questions[0], 0, 0, 4, 1);
var piece2 = new DialoguePiece(null, questions[1], 1, 0, 2, 3);
var piece3 = new DialoguePiece(scripts[1], null, 2, 1, 2, 2);
var piece4 = new DialoguePiece(scripts[2], null, 3, 1, 3, 3);
var piece5 = new DialoguePiece(scripts[0], null, 4, 0, 5, null);
var piece6 = new DialoguePiece(scripts[3], questions[2], 5, 4, 6, null);
var piece7 = new DialoguePiece(scripts[4], null, 6, 5, 7, null);
var piece8 = new DialoguePiece(scripts[5], null, 7, 6, null, null);

var pieces = [piece1, 
              piece2,
              piece3,
              piece4,
              piece5,
              piece6,
              piece7,
              piece8];

However, I am contemplating if there is a simpler approach to achieve this. For instance:

var pieces = GetObjectsByName(DialoguePiece);

Your insights would be greatly appreciated.

javascript arrays object

Answer 1

Answer №1

class DialoguePiece{
  static pieces = [];
  
  constructor(){
    DialoguePiece.pieces.push(this);
    // ...
  }
}

Instead of using a simple array to store the dialogue pieces, we can use a static property in the class itself. This makes it easier to reference and access the pieces:

for (let i = 0; i < 10; i++) {
  new DialoguePiece();
}

console.log(DialoguePiece.pieces);
// It's a standard array, so you can also map over it:
console.log(DialoguePiece.pieces.map(piece => piece.name || "doesn't exist"));

Answer 2

class DialoguePiece{
  static pieces = [];
  
  constructor(){
    DialoguePiece.pieces.push(this);
    // ...
  }
}

Instead of using a simple array to store the dialogue pieces, we can use a static property in the class itself. This makes it easier to reference and access the pieces:

for (let i = 0; i < 10; i++) {
  new DialoguePiece();
}

console.log(DialoguePiece.pieces);
// It's a standard array, so you can also map over it:
console.log(DialoguePiece.pieces.map(piece => piece.name || "doesn't exist"));

Creating an array from objects without manual effort

Answer №1

Similar questions

Automate populating input fields with data

looking to retrieve the corresponding value of a specific array key

Pan motion gesture above HTML components

Passing information from a directive to a controller using AngularJS

Transmit information to PHP via JSON with Cross Domain communication

Make the checkbox font-weight bold when it is checked

Introducing the new default in Google Chrome: Now accessing window.opener for target="_blank" links after rel="noopener" is the standard feature

Utilize environment variables to access system information when constructing an Angular 2 application

Implementing a New Port Number on a ReactJs Local Server Every Time

Ways to conceal #div element from displaying in the href attribute within the anchor tag

Submit form data asynchronously using Ajax and serialize the form data before posting

I desire for both my title and navigation bar to share a common border-bottom

Using ReactJS to trigger a timer function on a button click

When refreshing a JavaScript array of objects, it creates duplicate entries within the array

Combining URLs in Angular 6 - A Step-by-Step Guide

The results returned by the jQuery find() function vary across various pages

Trigger the click event on the ul element instead of the li element using jQuery

What is the cause behind the failure of this regular expression in JavaScript?

JavaScript detecting improper XHTML syntax

What is the best way to retrieve the current directory of the executed javascript file?