配列をフラグオブジェクトに変換する

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、文字列を格納した配列を true にマッピングするオブジェクトに変換する方法を検討します。これを達成するために、強力な Array.prototype.reduce() メソッドを利用します。この実験が終了すると、JavaScript アプリケーション内のデータを扱いやすくするため、文字列を格納した配列をキーと値のペアを持つオブジェクトに効率的に変換できるようになります。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28650{{"配列をフラグオブジェクトに変換する"}} javascript/data_types -.-> lab-28650{{"配列をフラグオブジェクトに変換する"}} javascript/arith_ops -.-> lab-28650{{"配列をフラグオブジェクトに変換する"}} javascript/comp_ops -.-> lab-28650{{"配列をフラグオブジェクトに変換する"}} javascript/higher_funcs -.-> lab-28650{{"配列をフラグオブジェクトに変換する"}} javascript/destr_assign -.-> lab-28650{{"配列をフラグオブジェクトに変換する"}} javascript/spread_rest -.-> lab-28650{{"配列をフラグオブジェクトに変換する"}} end

配列をフラグオブジェクトに変換する

コーディングの練習を始めたい場合は、ターミナル/SSH を開いて node と入力します。

次の関数は、文字列を格納した配列を true にマッピングするオブジェクトに変換します。

これを行うには、Array.prototype.reduce() を使用します。このメソッドは配列をオブジェクトに変換し、各配列値をキーとして値を true に設定します。

const flags = (arr) => arr.reduce((acc, str) => ({ ...acc, [str]: true }), {});

以下は例です。

flags(["red", "green"]); // { red: true, green: true }

まとめ

おめでとうございます!配列をフラグオブジェクトに変換する実験を完了しました。技術力を向上させるため、LabExでさらに実験を行って練習してください。