ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryは配列から指定された値を削除します

jqueryは配列から指定された値を削除します

王林
リリース: 2023-05-25 12:06:37
オリジナル
1194 人が閲覧しました

開発プロセスでは、配列操作が必要になることがよくあります。配列内の指定された値を削除することは一般的な要件です。この記事ではjQueryを使って配列内の指定した値を削除する方法を紹介します。

まず、配列を準備する必要があります:

var arr = [1, 2, 3, 4, 5];
ログイン後にコピー

次に、指定された値を削除する関数を定義する必要があります:

function deleteValue(arr, value) {
  while ($.inArray(value, arr) !== -1) {
    arr.splice($.inArray(value, arr), 1);
  }
  return arr;
}
ログイン後にコピー

この関数のロジックは非常に複雑です。単純に、まず jQuery $.inArray() 関数を使用して、配列内の指定された値の位置を見つけます。値が見つかった場合は、splice() 関数を使用して配列から削除されます。最後に、削除された配列が返されます。

次に、deleteValue() 関数を呼び出して、配列内の指定された値を削除できます。

var arr = [1, 2, 3, 4, 5];
arr = deleteValue(arr, 3); // 删除数组中的值为3的元素
console.log(arr); // 输出 [1, 2, 4, 5]
ログイン後にコピー

コードが実行されると、出力結果は [1, 2, 4, 5] になります。 ]、説明: 関数は値 3 の要素を配列から正常に削除しました。

カスタム関数の使用に加えて、jQuery の $.grep() 関数を使用して、配列内の指定された値を削除することもできます。

var arr = [1, 2, 3, 4, 5];
arr = $.grep(arr, function(value) {
  return value !== 3;
});
console.log(arr); // 输出 [1, 2, 4, 5]
ログイン後にコピー

この関数のロジックも次のとおりです。まず、$.grep() 関数を使用して、指定された値と等しくない配列内の要素をフィルターで除外し、最後にフィルターされた配列を返します。

ただし、$.grep() 関数でフィルタリングされた配列は元の配列を変更せず、新しい配列を返すため、元の配列変数に割り当てる必要があることに注意してください。

まとめると、この記事では jQuery を使って配列内の指定した値を削除する方法を紹介します。カスタム関数を使用する場合でも、jQuery の $.grep() 関数を使用する場合でも、これは非常にシンプルで理解しやすく、配列操作の非常に実用的なスキルです。

以上がjqueryは配列から指定された値を削除しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート