ホームページ > 記事 > ウェブフロントエンド > 先頭要素または末尾要素を削除する方法を学習する JS 配列
前回の記事『JS配列学習:先頭や末尾に要素を挿入するにはどうすればいいですか? 》では、配列の先頭と末尾に要素を追加する方法を紹介しました。要素を追加する方法がわかったので、対応する削除操作についても知る必要があります。今日は、JS を使用して配列の先頭または末尾から要素を削除する方法を学びます。
まず見てみましょう配列の先頭の要素を削除するにはどうすればよいでしょうか?
JavaScript では、shift() 関数を使用して配列の先頭の要素を削除できます。 array.shift()
この関数は、配列の最初の要素を削除し、最初の要素の値を返し、その後、残りのすべての要素を 1 位置ずつ前方にシフトして、配列の先頭の空きを埋めることができます。
次の例を詳しく見てみましょう:
var a = [1,2,3,4,5,6,7,8]; //定义数组 a.shift(); console.log(a);
出力結果は次のとおりです:
次のことがわかります。上の例では、.shift() を使用して配列 a の先頭にある値 1 を削除し、インデックスをリセットします (再び 0 から開始します)。また、shift() メソッドは元の配列を変更し、配列の長さを変更します。配列!したがって、console.log(a)
を使用して元の配列を出力すると、最初の要素が削除された配列が表示されます。
配列の先頭の要素を削除する方法はわかりました。次に、配列の末尾の要素を削除する方法を見てみましょう。
配列の末尾要素を削除する方法はいくつかありますが、ここでは、pop()メソッドを使用する方法と、length属性を使用する方法の2つを紹介します。
1. Pop() メソッドを使用します。配列の末尾にある要素を削除できます。
array.pop()
メソッドは配列の最後の要素を削除でき、削除された要素を返します。
次の例を詳しく見てみましょう:
var a = [1,2,3,4,5,6,7,8]; //定义数组 a.pop(); console.log(a)
出力結果は次のとおりです:
上記のことがわかります。この例では、a.pop()
を使用して、配列の末尾の値 8 を削除し、インデックスをリセットします (再度 0 から開始します)。pop() メソッドは元の配列も変更します。そして配列の長さを変更してください。
2. length 属性を使用します - 配列の末尾にある 1 つ以上の要素を削除できます (または配列をクリアすることもできます)。配列は通常、配列内の要素の数を設定または返すために、つまり配列の長さを設定または返すために使用されます。
配列の長さを設定する機能を使用し、値が 0 に設定されている場合、長さ属性を元の長さよりも小さく設定して、配列の末尾から 1 つ以上の要素を削除できます。を選択すると、配列全体が削除されます。つまり、配列をクリアします。 次の例を詳しく見てみましょう:var a = [1,2,3,4,5,6,7,8]; //定义数组 a.length=7; console.log(a) var a = [1,2,3,4,5,6,7,8]; //定义数组 a.length=6; console.log(a) var a = [1,2,3,4,5,6,7,8]; //定义数组 a.length=3; console.log(a) var a = [1,2,3,4,5,6,7,8]; //定义数组 a.length=0; console.log(a)出力結果は次のとおりです:
さて、それで終わりです。必要に応じて、次の内容を参照してください: JavaScript 上級チュートリアル
以上が先頭要素または末尾要素を削除する方法を学習する JS 配列の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。