条件が満たされるまでの配列要素の削除

Beginner

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

はじめに

この実験では、特定の条件が満たされるまで配列要素を削除する概念を検討します。takeUntil 関数を使用します。この関数は配列をループし、指定された条件が true になるまで要素を削除します。この実験を通じて、JavaScript で配列を操作する方法を深く理解することができます。

条件が満たされるまでの配列要素の削除

条件が満たされるまで配列内の要素を削除し、削除された要素を取得するには、以下の手順に従います。

  • ターミナル/SSH を開き、コーディングの練習を始めるために node と入力します。
  • Array.prototype.entries() を使った for...of ループで配列をループ処理し、引数として渡された関数が真値を返すまで続けます。
  • Array.prototype.slice() を使って削除された要素を返します。
  • コールバック関数 fn は、要素の値を 1 つの引数として受け取ります。

以下はコードの例です。

const takeUntil = (arr, fn) => {
  for (const [i, val] of arr.entries()) if (fn(val)) return arr.slice(0, i);
  return arr;
};

takeUntil([1, 2, 3, 4], (n) => n >= 3); // [1, 2]

上記の例では、takeUntil() 関数を使って [1, 2, 3, 4] 配列の要素を値が 3 以上になるまで削除しています。出力は [1, 2] になります。

まとめ

おめでとうございます!条件が満たされるまでの配列要素の削除の実験を完了しました。スキルを向上させるために、LabEx でさらに多くの実験を行って練習することができます。