ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで配列要素を削除する方法

JavaScriptで配列要素を削除する方法

百草
リリース: 2023-12-07 11:16:55
オリジナル
1081 人が閲覧しました

JavaScript で配列要素を削除するメソッド: 1. splice() メソッド; 2. filter() メソッド; 3. キーワードの削除; 4. pop() メソッドと SHIFT() メソッド。詳細な紹介: 1. splice() メソッドは、配列内の要素の追加と削除に使用されます。これにより、削除された要素のインデックスと削除する要素の数を指定できます。2. filter() メソッドは、新しい配列。配列内の要素は、条件を満たす指定された配列内のすべての要素をチェックすることによってチェックされます。

JavaScriptで配列要素を削除する方法

#JavaScript では、配列の要素を削除する方法が複数あります。一般的に使用されるメソッドの一部を以下に示します:

1. splice() メソッド

splice() メソッドは、配列内の要素を追加または削除するために使用されます。これを使用すると、削除する要素のインデックスと削除する要素の数を指定できます。

たとえば、配列の先頭から要素を削除するには、次のようにします:

let arr = [1, 2, 3, 4, 5];  
arr.splice(0, 1); // 删除索引为0的元素,即1  
console.log(arr); // 输出:[2, 3, 4, 5]
ログイン後にコピー

2 番目の引数を指定しない場合、splice() は指定されたインデックスから要素を削除します。配列の最後までのすべての要素。

let arr = [1, 2, 3, 4, 5];  
arr.splice(2); // 删除索引为2到数组末尾的所有元素,即3, 4, 5  
console.log(arr); // 输出:[1, 2]
ログイン後にコピー

2. filter() メソッド

filter() メソッドは新しい配列を作成します。新しい配列の要素は、指定された配列内のすべての要素をチェックすることによって決定されます。条件を満たす配列。これは、配列から不要な要素を削除するために使用できることを意味します。

たとえば、配列内のすべての偶数を削除するには、次のように実行できます:

let arr = [1, 2, 3, 4, 5];  
arr = arr.filter(num => num % 2 !== 0); // 只保留奇数  
console.log(arr); // 输出:[1, 3, 5]
ログイン後にコピー

3. delete キーワード

delete キーワードを使用して、配列から要素を削除します。ただし、削除では配列の長さは変更されず、後続の要素が前方に移動されるだけであることに注意してください。

例:

let arr = [1, 2, 3, 4, 5];  
delete arr[1]; // 删除索引为1的元素,即2  
console.log(arr); // 输出:[1, undefined, 3, 4, 5],注意2后面的元素都向前移动了一位
ログイン後にコピー

4、pop() メソッドとShift() メソッド

pop() メソッドは、配列要素の最後の要素を取得し、shift() メソッドを使用して配列の最初の要素を削除して返します。どちらのメソッドも配列の長さを変更します。

例:

let arr = [1, 2, 3, 4, 5];  
arr.pop(); // 删除并返回数组的最后一个元素,即5  
console.log(arr); // 输出:[1, 2, 3, 4]
ログイン後にコピー

および:

let arr = [1, 2, 3, 4, 5];  
arr.shift(); // 删除并返回数组的第一个元素,即1  
console.log(arr); // 输出:[2, 3, 4, 5]
ログイン後にコピー

これらは、JavaScript で配列要素を削除する一般的な方法です。特定のニーズと状況に応じて、最適な方法を選択できます。

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

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