ホームページ > ウェブフロントエンド > jsチュートリアル > es6で配列をオブジェクトに変換する方法

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

青灯夜游
リリース: 2023-01-29 14:20:04
オリジナル
8380 人が閲覧しました

変換方法: 1. fromEntries() 関数と map() 関数、構文「Object.fromEntries(arr.map(item => [item.key, item]))」ステートメントを使用します。 2スプレッド演算子「...」、構文「{...arr}」を使用します。

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

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

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

方法 1: fromEntries() 関数と map() 関数を使用する

const arr = [
  { key: "id", name: "编号" },
  { key: "name", name: "名称" },
];

const obj = Object.fromEntries(arr.map(item => [item.key, item]));

console.log(obj);
ログイン後にコピー

出力

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

方法 2: スプレッド演算子 "..." を使用します

const arr = [
  { key: "id", name: "编号" },
  { key: "name", name: "名称" },
];

const obj = {...arr} ;

console.log(obj);
ログイン後にコピー

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

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド ]

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

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