JavaScript - create object with getter

In this article, we would like to show you how to create object with getter in JavaScript.

Quick solution:

// ONLINE-RUNNER:browser;

const user = {
  id: "1",
  username: "Tom",
  country: "USA",
  get name() {
    return this.username;
  }
};

console.log(user.name);  // Tom

Practical example

In this example, we use the get keyword to create an object with a getter that returns last number from the numbers array which is inside the object.

// ONLINE-RUNNER:browser;

const object = {
  numbers: [1, 2, 3],
  get last() {
    if (this.numbers.length > 0) {
      return this.numbers[this.numbers.length - 1];
    }
    return undefined;
  },
};

console.log(object.last);  // 3

Output:

3

Related posts

• JavaScript - add getter to the existing object

References

• getter - JavaScript | MDN