Object.values()

Object.values() メソッドは、指定されたオブジェクトが持つ列挙可能なプロパティの値を、 for...in ループで提供される場合と同じ順序で配列にして返します。 (違いは、 for...in ループではプロパティチェーン上のプロパティも同様に列挙するという点だけです。)

試してみましょう

構文

js
Object.values(obj);

引数

obj

返値となる列挙可能な自身のプロパティの値を持つオブジェクト。

返値

与えられたオブジェクトが所有する列挙可能なプロパティの値が入った配列。

解説

Object.values() は、object に直接存在する列挙可能な値が配列要素の文字列に対応した配列を返します。プロパティの順序はマニュアル操作でオブジェクト内のプロパティに対してループさせた時の順序と同じになります。

ポリフィル

Object.values をネイティブで対応していない古い環境に対応するために、 tc39/proposal-object-values-entries や es-shims/Object.values などのリポジトリーにポリフィルがあります。

例

Object.values の使用

js
const obj = { foo: "bar", baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]

// 配列風オブジェクト
const arrayLikeObj1 = { 0: "a", 1: "b", 2: "c" };
console.log(Object.values(arrayLikeObj1)); // ['a', 'b', 'c']

// ランダムなキー順序を持つ配列風オブジェクト
// 数値のキーを使用すると、値はキーの番号順に返される
const arrayLikeObj2 = { 100: "a", 2: "b", 7: "c" };
console.log(Object.values(arrayLikeObj2)); // ['b', 'c', 'a']

// 列挙可能でないプロパティ getFoo がある
const my_obj = Object.create(
  {},
  {
    getFoo: {
      value: function () {
        return this.foo;
      },
    },
  },
);
my_obj.foo = "bar";
console.log(Object.values(my_obj)); // ['bar']

// オブジェクトでない引数はオブジェクトへと型強制される
console.log(Object.values("foo")); // ['f', 'o', 'o']

仕様書

Specification
ECMAScript Language Specification
# sec-object.values

ブラウザーの互換性

BCD tables only load in the browser

関連情報