JavaScriptで配列内のマップのすべてのキーを取得する方法

1. for...ofループを使用する方法:

const array = [
  new Map([["key1", "value1"], ["key2", "value2"], ["key3", "value3"]]),
  new Map([["key4", "value4"], ["key5", "value5"], ["key6", "value6"]]),
];
for (const map of array) {
  const keys = Array.from(map.keys());
  console.log(keys);
}

この例では、for...ofループを使用して配列内の各マップにアクセスし、Array.from()メソッドを使用して各マップのキーを配列に変換しています。

2. map()メソッドを使用する方法:

const array = [
  new Map([["key1", "value1"], ["key2", "value2"], ["key3", "value3"]]),
  new Map([["key4", "value4"], ["key5", "value5"], ["key6", "value6"]]),
];
const keysArray = array.map(map => Array.from(map.keys()));
console.log(keysArray);

この例では、map()メソッドを使用して配列内の各マップにアクセスし、Array.from()メソッドを使用して各マップのキーを配列に変換しています。最終的な結果は、各マップのキーを含む配列として取得できます。

3. reduce()メソッドを使用する方法:

const array = [
  new Map([["key1", "value1"], ["key2", "value2"], ["key3", "value3"]]),
  new Map([["key4", "value4"], ["key5", "value5"], ["key6", "value6"]]),
];
const keysArray = array.reduce((keys, map) => keys.concat(Array.from(map.keys())), []);
console.log(keysArray);

この例では、reduce()メソッドを使用して配列内の各マップにアクセスし、Array.from()メソッドを使用して各マップのキーを配列に変換し、concat()メソッドを使用してすべてのキーを1つの配列にまとめています。

これらの方法を使用すると、JavaScriptで配列内のマップのすべてのキーを取得できます。