Object の値を抽出して配列で返してくれるメソッド - JavaScript Object.values

20210111

Object の値を抽出して配列で返してくれるメソッドとして Object.values() がある。

const myObj = {
  a: 'hoge',
  b: 88,
  c: false
};

const myArray = Object.values(myObj);
console.log(myArray);
// => ['hoge', 88, false]

使いどころ

ブログの記事を以下のようなオブジェクトで保存する。

{
  "123": {
    "id": "123",
    "title": "First title",
    "content": "First content"
  },
  "124": {
    "id": "124",
    "title": "Second title",
    "content": "Second content"
  }
}

上記のようなオブジェクトで保存してあると Object.values() で配列に変換できる。

const posts =
  {
    "123": {
      "id": "123",
      "title": "First title",
      "content": "First content"
    },
    "124": {
      "id": "124",
      "title": "Second title",
      "content": "Second content"
    }
  };

const postsArray = Object.values(posts);

また、 posts[id] で各 post にアクセスできる。

参考：Object.values()