JavaScript 配列に関する質問

{ 1: "a", 2: "b" };
上のオブジェクトを
[{a: "1"}, {b: "2"}](値を取り出すであり、出力ではない)
の形に直したいのですが、
なかなか良い解答が思いつきません。

私の書いたコードは以下です。

JavaScript
1let object = { 1: "a", 2: "b" };
2const result = Object.keys(object).forEach((key) => {
3  return `{${object[key]}: "${key}"}`;
4});

分からない点は、resultの部分をどうやってobjectに紐付けるかです。
mapやfilter関数を使うべきでしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

mapやfilter関数を使うべきでしょうか？

そうですね。
forEachは値を返しませんので（正確に言うと、undefinedを返す）、
質問者さんの意図通りの配列を得るには、mapが最も適当なメソッドです。
（reduceでもいける）
あと、文字列ではなく、オブジェクトを返すべきでしょう。
（今回の質問の要件の場合、オブジェクトとして返そうとした時に、その部分でテンプレートリテラルは使用できませんので、
普通にオブジェクトとして宣言する）

javascript
1let object = { 1: "a", 2: "b" };
2
3const result = Object.keys(object).map(key => {
4  const retObj = {};
5  retObj[object[key]] = key;
6  return retObj;
7});

また、Object.keysより、Object.entriesの方がいいかもしれません。

javascript
1let object = { 1: "a", 2: "b" };
2
3const result = Object.entries(object).map(val => {
4  const retObj = {};
5  retObj[val[1]] = val[0];
6  return retObj;
7});