Как задать логику преобразования объекта в массив?

Question

[MishaXXL]

Есть класс

class Users {
   constructor() {
      this.store = []
   }
}

Как сделать так, чтобы при преобразовании в массив

const u = new Users()
console.log([...u])

я передавал значение this.store

Answer 1

[Aetae]

Что-то типа такого:

class Users {
  constructor() {
    this.store = []
  }
  [Symbol.iterator] = () => this.store[Symbol.iterator]() 
}

Но взможно вам проще и красивее будет сделать самих User'ов наследником массива:

class Users extends Array {
  constructor() {
    super();
  }
}

И использовать сразу this вместо this.store со всеми методами массива кроме тех которые вы переопределите:).

Comments

[MishaXXL]

Спасибо!
Подскажи еще пожалуйста, как мне после создания экземпляра, ссылаться на него же, чтобы делать конкатенацию, если я правильно понял
https://jsfiddle.net/5bmfLqy8/2/

И для чего в выражении

[Symbol.iterator] = () => this.store[Symbol.iterator]()

Нам обязательно надо добавлять в конце [Symbol.iterator]()?
По логике будто мы вызываем то, что сами добавили в виде [Symbol.iterator] = () => {...}

[Aetae]

1. MishaXXL, цепочки делаются так: https://jsfiddle.net/wmfqoLer/2/ просто не забывай возвращать из метода самого себя.

2. Мы не возвращаем массив, потому что оператор спред(...) работает не с массивом, а с итератором по этому массиву. Мы добавляем нашему классу итератор, путём присваивания специальному полю [Symbol.iterator] функции, которая запускает итератор напрямую из такого же поля нашего массива this.store. Само собой оно нужно. Разве что можно получить тот же самый итератор из массива неявно так: [Symbol.iterator] = () => this.store.values(), но под капотом конкретно для массива там происходит то же самое.
Если очень захотеть - можно написать свою функцию-итератор, что-то типа:

* [Symbol.iterator]() { 
  for (const value of this.store) {
    yield value;
  }
}

// или совсем уж руками:

[Symbol.iterator]() {
  const values = this.store;
  let index = 0;
  
  return {
    next() {
      if (index < values.length) {
        return { 
          value: values[index++], 
          done: false 
        };
      } 
      
      return { 
        done: true 
      };
    }
  };
}

[MishaXXL]

Aetae, спасибо!