先頭要素または末尾要素を削除する方法を学習する JS 配列

青灯夜游
リリース: 2021-11-24 14:19:05
オリジナル
6413 人が閲覧しました

前回の記事『JS配列学習:先頭や末尾に要素を挿入するにはどうすればいいですか? 》では、配列の先頭と末尾に要素を追加する方法を紹介しました。要素を追加する方法がわかったので、対応する削除操作についても知る必要があります。今日は、JS を使用して配列の先頭または末尾から要素を削除する方法を学びます。

まず見てみましょう配列の先頭の要素を削除するにはどうすればよいでしょうか?

JavaScript では、shift() 関数を使用して配列の先頭の要素を削除できます。 array.shift()この関数は、配列の最初の要素を削除し、最初の要素の値を返し、その後、残りのすべての要素を 1 位置ずつ前方にシフトして、配列の先頭の空きを埋めることができます。

次の例を詳しく見てみましょう:

var a = [1,2,3,4,5,6,7,8];  //定义数组
a.shift();
console.log(a);
ログイン後にコピー

出力結果は次のとおりです:

先頭要素または末尾要素を削除する方法を学習する JS 配列

次のことがわかります。上の例では、.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)
ログイン後にコピー

出力結果は次のとおりです:

先頭要素または末尾要素を削除する方法を学習する JS 配列

上記のことがわかります。この例では、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)
ログイン後にコピー
出力結果は次のとおりです:

さて、それで終わりです。必要に応じて、次の内容を参照してください: 先頭要素または末尾要素を削除する方法を学習する JS 配列JavaScript 上級チュートリアル

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

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