ホームページ > ウェブフロントエンド > フロントエンドQ&A > オブジェクトを配列JavaScriptに変換する方法

オブジェクトを配列JavaScriptに変換する方法

PHPz
リリース: 2023-05-16 09:13:07
オリジナル
6125 人が閲覧しました

JavaScript では、オブジェクト (Object) と配列 (Array) が一般的に使用されるデータ型であり、多くの場合、オブジェクトを配列に変換する必要があります。ここではオブジェクトを配列に変換する方法を紹介します。

方法 1: Object.keys() を使用する

Object.keys() メソッドを使用して、オブジェクトのすべてのプロパティ名を取得し、これらのプロパティ名を含む配列を返します。したがって、Object.keys() メソッドを使用してオブジェクトのすべてのプロパティ名を配列に保存し、オブジェクトのすべてのプロパティ名を含む配列を取得できます。

たとえば、次のオブジェクトを配列に変換できます:

let obj = {'name': 'Tom', 'age': 20, 'sex': 'male'};
let arr = Object.keys(obj);
console.log(arr);  // 输出 ['name', 'age', 'sex']
ログイン後にコピー

方法 2: Object.values()

Object.values() メソッドと Object.keys を使用します。 () メソッドは、属性名の配列ではなくオブジェクトの属性値の配列を返す点を除いて似ています。したがって、Object.values() メソッドを通じてオブジェクトのすべての属性値を配列に格納し、オブジェクトのすべての属性値を含む配列を取得することもできます。

たとえば、次のオブジェクトを配列に変換できます。

let obj = {'name': 'Tom', 'age': 20, 'sex': 'male'};
let arr = Object.values(obj);
console.log(arr);  // 输出 ['Tom', 20, 'male']
ログイン後にコピー

方法 3: Object.entries()

Object.entries() メソッドを使用して、すべてのオブジェクトを変換します。オブジェクトの属性名と属性値が 2 次元配列に結合されます。配列の最初の項目は属性名、2 番目の項目は属性値です。したがって、Object.entries() メソッドを使用してオブジェクトを配列に変換することもできます。

たとえば、次のオブジェクトを配列に変換できます:

let obj = {'name': 'Tom', 'age': 20, 'sex': 'male'};
let arr = Object.entries(obj);
console.log(arr);  // 输出 [['name', 'Tom'], ['age', 20], ['sex', 'male']]
ログイン後にコピー

通常、日常のニーズを満たすために Object.keys() メソッドまたは Object.values() メソッドを使用します。 .entries() メソッドは通常、2 次元配列を処理するために使用されます。

まとめ:

上記 3 つの変換方法にはそれぞれ長所と短所があるため、シナリオに応じてどれを使用するかを選択する必要があります。どちらの方法を使用しても、変換後に得られる配列はオブジェクトの元の属性名または属性値を保持するため、データ処理がより便利になります。

以上がオブジェクトを配列JavaScriptに変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート