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

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

青灯夜游
青灯夜游オリジナル
2021-04-26 15:36:025400ブラウズ

削除メソッド: 1. 長さ属性、配列の末尾から要素を削除; 2. キーワードの削除、構文 "delete 配列名 [添え字];"; 3. Pop() スタック メソッド; 4. シフト( ) キューメソッド; 5. splice() 関数、構文「splice (開始位置、削除数)」。

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

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript では、Object に加えて、Array 型 (配列) がおそらく最もよく使用される型です。 JavaScript の配列は、他の言語の配列と比べて非常に柔軟です。この種の柔軟性には長所と短所があり、長所は創造的であり、さまざまな柔軟なソリューションを提供できることですが、短所は、実際には柔軟性がありすぎて頭が働かなくなりやすいことです。制御不能で狂気です。

前にいくつかの言葉をからかった後、本題に戻りましょう。ここでは JavaScript で Array 要素を削除する 5 つの方法、つまり length 属性、delete キーワード、pop() スタック メソッド、shift() を使用します。 queue メソッド、splice() 操作メソッド。

length 属性

JavaScript の Array の長さ属性は非常にユニークで、読み取り専用ではありません。したがって、このプロパティを設定して、配列の末尾から項目を削除したり、新しい項目を追加したりできます。

var colors = ["red", "blue", "grey"]; // 创建一个包含3个字符串的数组
colors.length = 2;

console.log(colors[2]); // undefined

delete キーワード

JavaScript には、配列要素を削除 (クリア) するための delete キーワードが用意されています。

var colors = ["red", "blue", "grey", "green"];
delete colors[0];

console.log(colors); // [undefined, "blue", "grey", "green"]

delete を使用して要素を削除した後は、配列の長さは変わりませんが、削除された要素は未定義に設定されることに注意してください。

pop() スタック メソッド

JavaScript の Array オブジェクトは、配列内の要素をポップして返すための Pop() スタック メソッドを提供します。最後の項目はある程度削除として使用できます。

スタック データ構造のアクセス ルールは FILO (First In Last Out) です。スタック操作では、スタックの先頭に項目が追加され、スタックの先頭から項目が削除されます。pop() メソッドを使用します。 、配列内の最後の項目を削除し、その項目を返し、配列の長さを 1 つ減らします。

var colors = ["red", "blue", "grey"];
var color = colors.pop();

console.log(color); // "grey"
console.log(colors.length); // 2

pop() メソッドが呼び出されると、配列は「灰色」の最後の項目を返し、配列には 2 つの要素だけが残っていることがわかります。

shift() キュー メソッド

JavaScript の Array オブジェクトは、配列内の要素をポップして返すためのshift() キュー メソッドを提供します。最初の項目はある程度削除としても使用できます。

キュー データ構造のアクセス ルールは FIFO (先入れ先出し) です。キューはリストの最後に項目を追加し、リストの先頭から項目を削除します。shift() メソッドを使用すると、配列内の最初の項目を分割してその項目を返し、配列の長さを 1 つ減らすことができます。

var colors = ["red", "blue", "grey"];
var color = colors.shift();

console.log(color); // "red"
console.log(colors.length); // 2

shift() メソッドが呼び出されると、配列は最初の項目 (「赤」) を返し、配列には 2 つの要素だけが残っていることがわかります。

splice() 操作メソッド

JavaScript Array オブジェクトは、配列に対して特定の操作を実行するための splice() メソッドを提供します。 splice() はおそらく最も強力な配列メソッドであり、さまざまな方法で使用できますが、ここでは配列要素を削除する方法のみを紹介します。配列要素を削除する場合、最初に削除する項目の位置と削除する項目の数の 2 つのパラメータを指定するだけで、任意の数の項目を削除できます。

var colors = ["red", "blue", "grey"];
var color = colors.splice(0, 1);

console.log(color); // "red"
console.log(colors); // ["blue", "grey"]

splice(0, 1) メソッドが呼び出されると、配列から最初の項目から 1 つの項目が削除されることがわかります。

[推奨学習: JavaScript 上級チュートリアル]

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。