JavaScript で Set Difference を使用して配列から要素を効率的に削除する方法

Set Difference を使用して配列から要素を削除する

多くの場合、別の配列にも存在する要素を削除して配列を変更する必要があります。 JavaScript には、この操作を効率的に実行するためのメソッドがいくつか用意されています。

1 つの方法は、Array.filter() メソッドを使用することです。このメソッドは、指定されたテスト関数に合格する要素のみを含む新しい配列を作成します。 toRemove に要素が存在する場合に myArray から要素を削除するには、要素が toRemove に存在しないかどうかをチェックするフィルター関数を定義できます。

<code class="javascript">myArray = myArray.filter(function(el) {
  return toRemove.indexOf(el) < 0;
});

もう 1 つのアプローチは、Array.includes() メソッドを使用することです。要素が配列内に存在するかどうかをチェックします。このメソッドはほとんどの最新のブラウザでサポートされており、フィルタ関数を簡素化するために使用できます:

<code class="javascript">myArray = myArray.filter(function(el) {
  return !toRemove.includes(el);
});

さらに簡潔にするために、矢印関数を使用できます:

<code class="javascript">myArray = myArray.filter(el => !toRemove.includes(el));</code>

これらを利用することで、この技術を利用すると、開発者はループやスプライシングに頼ることなく、別の配列内に存在する要素に基づいて配列から要素を効率的に削除できます。

以上がJavaScript で Set Difference を使用して配列から要素を効率的に削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。