JavaScriptで配列要素を削除する方法は何ですか?

百草
リリース: 2023-12-07 14:42:38
オリジナル
1063 人が閲覧しました

JavaScript で配列要素を削除するメソッド: 1. splice() メソッド; 2. filter() メソッド; 3. delete 演算子; 4. pop() メソッド; 5. shft() メソッド; 6. を使用します。長さ属性。詳細な紹介: 1. splice() メソッドは、配列の任意の位置に要素を追加または削除できます。変更する配列のインデックスと削除する要素の数という 2 つのパラメータを受け取ります。2. filter()メソッドは、新しい配列、新しい配列内の要素などを作成します。

JavaScriptで配列要素を削除する方法は何ですか?

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

1. splice() メソッド:

splice() メソッドは、配列の任意の位置に要素を追加または削除できます。変更を開始する配列のインデックス (0 から始まる) と削除する要素の数の 2 つのパラメーターを受け入れます。

たとえば、インデックス 2 から始まる 3 つの要素を削除するには、次のようにします。

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

splice() メソッドを使用して要素を追加することもできます。たとえば、インデックス 2 (たとえば、7、8、9) から始まる 3 つの要素を追加する場合は、次のように実行できます:

let arr = [1, 2, 3, 4, 5];  
arr.splice(2, 0, 7, 8, 9); // 添加元素 7, 8, 9  
console.log(arr); // 输出: [1, 2, 7, 8, 9]
ログイン後にコピー

2, filter() メソッド:

filter() メソッドは新しい配列を作成します。新しい配列内の要素は、条件を満たす指定された配列内のすべての要素をチェックすることによってチェックされます。

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

let arr = [1, 2, 3, 4, 5];  
arr = arr.filter(item => item % 2 !== 0); // 删除所有偶数  
console.log(arr); // 输出: [1, 3, 5]
ログイン後にコピー

3. 削除演算子:

delete 操作では、配列の最後の要素が削除されます。ただし、配列の長さは変わりません。したがって、削除された要素にアクセスしようとすると、未定義になります。

例:

let arr = [1, 2, 3, 4, 5];  
delete arr[2]; // 删除元素 3  
console.log(arr[2]); // 输出: undefined
ログイン後にコピー

delete 演算子を複数回使用すると、配列の連続性が失われ、ギャップを埋めるために後続の要素が前に移動することになることに注意してください。したがって、配列から要素を削除するために delete 演算子を使用することは一般的に推奨されません。

4. Pop() メソッド:

pop() メソッドは、配列の最後の要素を削除して返します。 delete 演算子と同様に、配列の長さは変更されません。したがって、削除された要素にアクセスしようとすると、未定義になります。

例:

let arr = [1, 2, 3, 4, 5];  
arr.pop(); // 删除元素 5  
console.log(arr[4]); // 输出: undefined
ログイン後にコピー

delete 演算子と同様に、pop() メソッドを複数回使用すると、配列の連続性が失われます。

5.shift() メソッド:

shift() メソッドは、配列の最初の要素を削除して返します。 Pop() メソッドと同様に、配列の長さは変更されません。したがって、削除された要素にアクセスしようとすると、未定義になります。また、pop() メソッドと同様に、shift() メソッドを複数回使用すると、配列の連続性が失われます。

6. length プロパティを使用します:

配列の長さプロパティを設定することで、配列を切り詰めることができます。例:

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

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

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