How to make a javascript class array?

Question

I'm trying to start a class-type arerglo in javascrip so I can call on my vuejs components my code:

Class Person
export default class Person {

constructor(id, nombre, apellido) {
    this.id = id;
    this.nombre = nombre;
    this.apellido = apellido;
  }
}

PersonServicesClass:

import Person from '../model/person'


export default class PersonService {
person = new Array(Person)

constructor(
) {
    this.person = [];
}

add(id, nombre, apellido) {
    this.person.push(new Person(id, nombre, apellido));
    return this.person
  }
}

Import component vue:

 <script>
 import PersonService from "../../Services/personservice";
 export default {
   name: "RegistroComponent",
     data: () => ({}),

     getData() {
       this.PersonService.add(1,"Steven","Chacon");
        }
     };

Error:

I would be very helpful to help

Just remove the person = new Array(Person) line entirely; this.person is a different object anyway. — user5734311
– user5734311, Commented Sep 12, 2019 at 0:13
looooool thanks so much, I come from typescript to javascrip — Steven Colocho
– Steven Colocho, Commented Sep 12, 2019 at 0:15

Tsepo Nkalai · Accepted Answer · 2019-09-12 00:18:40Z

1

Delete the line person = new Array(Person)

answered Sep 12, 2019 at 0:18

Tsepo Nkalai

1,51412 silver badges19 bronze badges

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

Comments

matrixb51 · Accepted Answer · 2019-09-12 00:29:30Z

Person class in JS:

var Person = function (firstname, lastname, age) {
  this.firstName = firstname;
  this.lastName = lastname;
  this.age = age;

  this.setAge = function (age) {
    this.age = age;
  };

  this.toString = function () {
    return ["Hi ! I'm ", this.firstName, " ", this.lastName, " and I'm ", this.age, " year old."].join("");
  };
};

or using Object.prototype

var Person = function (firstname, lastname, age) {
  this.firstName = firstname;
  this.lastName = lastname;
  this.age = age;
};

// Prototypes are better for performances if you have many call of this method
Person.prototype.setAge = function (age) {
  this.age = age;
};

Person.prototype.toString = function () {
  return ["Hi ! I'm ", this.firstName, " ", this.lastName, " and I'm ", this.age, " year old."].join("");
};

Here is a working PEN: CodePen

Mir Shakawat Ali Jibon · Accepted Answer · 2019-09-12 00:49:13Z

0

In PersonServicesClass you have written

  person = new Array(Person)

Inside of constructor you wrote

  this.person = [];

These both are conflicted. so please delete

  person = new Array(Person)

Hopefully It will work perfectly.

answered Sep 12, 2019 at 0:49

Mir Shakawat Ali Jibon

3082 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to make a javascript class array?

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related