ホームページ > ウェブフロントエンド > jsチュートリアル > JS配列学習:全要素をクリアする4つの方法(詳細コード解説)

JS配列学習:全要素をクリアする4つの方法(詳細コード解説)

青灯夜游
リリース: 2021-08-03 09:05:40
オリジナル
8859 人が閲覧しました

配列は JavaScript において非常に一般的かつ重要なデータ型であり、配列要素の削除は一般的な配列操作です。JavaScript には配列要素を削除するための組み込み関数が多数あるため、配列要素の削除は問題ではありません。 。では、配列要素の削除の高度なバージョン、つまり配列をクリアするにはどうすればよいでしょうか?今日は、JS 配列のすべての要素をクリアする方法を学びます。

この記事では、JS で配列をクリアする 4 つの方法を紹介し、コード例を使用して配列をクリアする (配列のすべての要素を削除する) 方法を説明します。

#[推奨学習:

JavaScript 上級チュートリアル]

方法 1: 空の配列を直接割り当てる[]

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr=[];
console.log(arr);
ログイン後にコピー

出力結果:

JS配列学習:全要素をクリアする4つの方法(詳細コード解説)

このメソッドは配列を厳密にクリアするのではなく、単に arr を空の配列に再割り当てするだけです。

方法 2: length 属性を使用して、配列の長さを 0 に設定します。

length 属性は、配列の長さを設定または返すことができます。 length 属性の値が配列自体の長さより小さい場合、配列内の後続の要素は切り捨てられます。length 属性の値が 0 の場合は、配列全体をクリアできます。

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr.length=0;
console.log(arr);
ログイン後にコピー

出力結果:

JS配列学習:全要素をクリアする4つの方法(詳細コード解説)

length属性の値が自身の長さより大きい場合、配列の長さが拡張され、残りの要素は未定義になります。

方法 3: splice() を使用してすべての配列要素を削除します。

splice() メソッドを使用して、指定された添字位置の後の 1 つ以上の配列要素を削除します。最初の配列要素から開始するように splice() メソッドを指定するだけでよく、配列をクリアするには削除する要素の数が

arr.length です。

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
arr.splice(0,arr.length);
console.log(arr);
ログイン後にコピー

出力結果:

JS配列学習:全要素をクリアする4つの方法(詳細コード解説)

方法 4: delete 演算子を使用する

delete 演算子を使用できます。指定された添え字を持つ配列要素。削除された要素は空要素であり、削除された配列の長さは変更されません。

削除演算子とループ ステートメントを使用して配列をクリアします

var arr=new Array("香蕉","苹果","梨子","橙子","橘子","榴莲");
console.log(arr);
for(var i=0;i<=arr.length;i++){
delete arr[i];
}
console.log(arr);
ログイン後にコピー

出力結果:

JS配列学習:全要素をクリアする4つの方法(詳細コード解説)

プログラミング関連の知識の詳細については、次を参照してください。

プログラミング入門! !

以上がJS配列学習:全要素をクリアする4つの方法(詳細コード解説)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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