JavaScript の配列操作 | プログラミングチュートリアル | 実験

はじめに

この実験では、JavaScript において、ある配列が別の配列に含まれているかどうかを確認する方法を探ります。for...of、Set、some()、filter() などのさまざまな配列メソッドを使って、第 1 の配列の要素が第 2 の配列に存在するかどうかを、その順序に関係なく判定できる関数を書きます。この実験は、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/BasicConceptsGroup -.-> javascript/cond_stmts("Conditional Statements") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28149{{"ある配列が別の配列に含まれているかどうか"}} javascript/data_types -.-> lab-28149{{"ある配列が別の配列に含まれているかどうか"}} javascript/arith_ops -.-> lab-28149{{"ある配列が別の配列に含まれているかどうか"}} javascript/comp_ops -.-> lab-28149{{"ある配列が別の配列に含まれているかどうか"}} javascript/cond_stmts -.-> lab-28149{{"ある配列が別の配列に含まれているかどうか"}} javascript/loops -.-> lab-28149{{"ある配列が別の配列に含まれているかどうか"}} javascript/higher_funcs -.-> lab-28149{{"ある配列が別の配列に含まれているかどうか"}} end

ある配列が別の配列に含まれているかどうかを確認する関数

コーディングを始めるには、ターミナル/SSH を開いて node と入力します。この関数は、第 1 の配列のすべての要素が第 2 の配列に存在するかどうかを、その順序に関係なく確認します。

以下が実行する手順です。

for...of ループを使って、第 1 の配列から作成した Set を反復処理します。
Array.prototype.some() を適用して、第 2 の配列にすべての一意の値が存在するかどうかを検証します。
Array.prototype.filter() を使って、両方の配列における各一意の値の出現回数を比較します。
第 1 の配列のどの要素のカウントが第 2 の配列よりも多い場合、false を返します。そうでない場合は、true を返します。

それがどのように機能するかを確認するには、以下のコードを参照してください。

const isContainedIn = (a, b) => {
  for (const v of new Set(a)) {
    if (
      !b.some((e) => e === v) ||
      a.filter((e) => e === v).length > b.filter((e) => e === v).length
    )
      return false;
  }
  return true;
};

この関数をテストするには、以下のコードを使います。

isContainedIn([1, 4], [2, 4, 1]); // true

まとめ

おめでとうございます！あなたは「ある配列が別の配列に含まれているかどうか」の実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を行って練習してください。