配列をコンパクトに結合する：JavaScript のテクニック

はじめに

この実験では、JavaScript の compactJoin 関数を調べます。この関数を使うと、配列から偽の値を削除し、残りの値を文字列に結合できます。Array.prototype.filter() と Array.prototype.join() を使ってこの関数を実装する方法を学びます。この実験が終わるとき、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") subgraph Lab Skills javascript/variables -.-> lab-28205{{"配列をコンパクトに結合する"}} javascript/data_types -.-> lab-28205{{"配列をコンパクトに結合する"}} javascript/arith_ops -.-> lab-28205{{"配列をコンパクトに結合する"}} javascript/comp_ops -.-> lab-28205{{"配列をコンパクトに結合する"}} javascript/higher_funcs -.-> lab-28205{{"配列をコンパクトに結合する"}} end

配列をコンパクトに結合する方法のヒント

コーディングを練習するには、ターミナル/SSH を開いて node と入力します。

以下は、配列から偽の値を削除し、残りの値を文字列に結合する方法です：

Array.prototype.filter() を使って、false、null、0、""、undefined、NaN などの偽の値をフィルタリングします。
Array.prototype.join() を使って、残りの値を文字列に結合します。

const compactJoin = (arr, delim = ",") => arr.filter(Boolean).join(delim);

そして、関数を呼び出して、配列を引数として渡します：

compactJoin(["a", "", "b", "c"]); // 'a,b,c'

まとめ

おめでとうございます！あなたは配列をコンパクトに結合する実験を完了しました。あなたの技術を向上させるために、LabExでさらに実験を練習することができます。