JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで配列の最初の要素を削除して返す方法【shift()メソッド】

JavaScriptで配列の最初の要素を削除するには、shift()メソッドを使用します。shift()メソッドは、配列の先頭にある要素を1つ取り除き、その取り除いた要素を戻り値として返します。

shift()メソッドの特徴

shift()はArrayオブジェクトの組み込みメソッドで、以下のような動作を行います。

  • 配列の最初（先頭）の要素を削除する
  • 削除された要素を戻り値として返す
  • 呼び出し元の配列自体も変更される（破壊的なメソッド）
  • 配列が空の場合は undefined を返す

サンプルコード

次のコードを実行すると、配列の最初の要素を削除し、その要素を取得して表示できます。

<html>
  <head>
    <title>JavaScript Array shift Method</title>
  </head>
  <body>
    <script>
      var element = [30, 45, 70, 90, 110].shift();
      document.write("Removed first element is : " + element);
    </script>
  </body>
</html>

この例では、配列 [30, 45, 70, 90, 110] の先頭にある 30 が削除され、変数 element に代入されます。

実行結果

Removed first element is : 30

このように、shift()メソッドを使えば、削除と要素の取得を同時に行えるため、キュー（待ち行列）のように先入れ先出しでデータを処理したい場合にも便利です。なお、末尾の要素に対して同じ操作を行いたい場合は、pop()メソッドを使用します。

  1. JavaScript配列で要素を検索する方法を徹底解説！find()メソッドの使い方

    JavaScriptで配列の中から特定の要素を検索したい場面は非常に多くあります。本記事では、最もよく使われるfind()メソッドを中心に、実際に動作するサンプルコードとともに分かりやすく解説します。 find()メソッドとは find()メソッドは、配列の各要素に対して指定したテスト関数（コールバック関数）を実行し、条件を満たした最初の要素の値を返します。条件に一致する要素が存在しない場合は undefined を返します。 基本構文 arr.find(callback(element[, index[, array]])[, thisArg]) callback: 各要素をテストする関数

  2. MongoDBで配列の要素を削除するには？$pull演算子の使い方を解説

    MongoDBで配列から要素を削除する基本MongoDBで配列内の要素を削除したい場合は、$pull演算子を使用します。$pullは、既存の配列から指定した値、または条件に一致するすべてのインスタンスを取り除くための更新演算子です。この記事では、実際にコレクションを作成し、ネストされた配列から特定の要素を削除する手順を順番に解説します。サンプルコレクションの作成まず、ドキュメントを含むコレクションを作成しましょう。ここでは「software」フィールドの中に「services」という配列を持つドキュメントを挿入します。db.demo541.insertOne({software:{servic