【JavaScript】配列から末尾の要素を削除するpopメソッドを解説します

こんにちは。たいら(@tairaengineer2)です。
転職を繰り返し現在4社経験している、11年目エンジニアです。

この記事では、 JavaScriptで配列から末尾の要素を削除するpopメソッドについて

  • popメソッドとは
  • サンプルプログラム

と、丁寧に解説していきます。

前提条件:実行環境について

実行環境は以下の通りです。

OS Windows10

popメソッドとは

popメソッドとは、配列の末尾から要素を削除し、削除した要素を返す関数です。

使い方は以下になります。

上記の例だとresultには4が返され、配列sampleは末尾の4が削除された

[1, 2, 3]

になります。

では、次の章で実際に使ってみます。

popメソッドを解説するプログラムの概要

popメソッドを解説するプログラムでは、

  • HTML
  • JavaScript

の2ファイルを使います。

popメソッドでの削除前後の配列の中身をHTMLに表示させます。

フォルダ構成は以下のようになっています。
popメソッドを解説するフォルダ構成

HTMLサンプルプログラム

HTMLで外部のJavaScriptを読み込むやり方は、以下の記事をご参考ください。

JavaScriptサンプルプログラム

  • getElementByIdメソッド
  • innerHTMLプロパティ

については、こちらの記事をご参考ください。

実行結果

作成したHTMLをブラウザで開きます。
JavaScriptのpopメソッドの実行確認

popメソッドによって、末尾の要素のみ配列から削除できているとが確認できました。

まとめ:popメソッドを使ってみよう

以上がJavaScriptのpopメソッドについての解説でした!

あなたのご参考になったのなら、とても嬉しいです(*´▽`*)
ではでは~(・ω・)ノシ

コメント

タイトルとURLをコピーしました