はじめに
この実験では、JavaScript を使って配列内の要素をトグルする方法を探ります。toggleElement() 関数を使うと、配列に既に含まれている要素を削除したり、まだ存在していない場合は要素を配列に追加したりできます。この実験では、includes() メソッドと filter() メソッドをスプレッド演算子と組み合わせて効率的に配列要素をトグルする方法を理解するのに役立ちます。
配列内の要素をトグルする方法
配列内の要素をトグルするには、次の手順に従います。
- ターミナル/SSH を開き、コーディングを練習するために
nodeと入力します。 Array.prototype.includes()を使って、与えられた要素が配列内にあるかどうかを確認します。- 要素が配列内にある場合、
Array.prototype.filter()を使って削除します。 - 要素が配列内にない場合、スプレッド演算子 (
...) を使って追加します。 - 配列と値を受け取る
toggleElement関数を使って、配列内の要素をトグルします。
const toggleElement = (arr, val) =>
arr.includes(val) ? arr.filter((el) => el !== val) : [...arr, val];
toggleElement([1, 2, 3], 2); // [1, 3]
toggleElement([1, 2, 3], 4); // [1, 2, 3, 4]
これらの手順に従えば、JavaScript を使って配列内の要素を簡単にトグルできます。
まとめ
おめでとうございます！配列内の要素をトグルする実験を完了しました。技術力を向上させるために、LabEx でさらに多くの実験を行って練習してください。