JavaScriptにおけるスプレッド演算子とイテレータ

演算子spreadは、イテレータを持つ任意のオブジェクトを展開します。この際、デフォルトのイテレータが使用されます。例を見てみましょう。次のような Mapコレクションがあるとします:

let map = new Map();
map.set('a', 1);
map.set('b', 2);
map.set('c', 3);

デフォルトでは、展開すると二次元配列が得られます:

let arr = [...map];
console.log(arr); // [['a', 1], ['b', 2], ['c', 3]]

キーの配列を取得するには、対応するイテレータを展開します:

let arr = [...map.keys()];
console.log(arr); // ['a', 'b', 'c']

値の配列を取得する場合も同様です:

let arr = [...map.values()];
console.log(arr); // [1, 2, 3]

次のオブジェクトをスプレッド演算子で展開してください:

let obj = {
	a: 1,
	b: 2,
	c: 3,
	[Symbol.iterator]: function *(){
		for (let key in this){
			yield this[key];
		}
	}
};