【JavaScript入門】Listを使うには?配列をListのように使う方法

こんにちは!エンジニアの中沢です。

JavaScriptでは、配列を使ってListのように要素の追加や削除をすることができます。

JavaScriptにListはないので注意してください。

この記事では、

・Listとは
・配列(Array)とは

という基本的な内容から、

・配列の要素を追加する方法(push)
・配列の要素を削除する方法(splice)

などの応用的な使い方に関しても解説していきます。

今回はこれらの方法を覚えるために、配列をListのように使うさまざまな方法をわかりやすく解説します!

Listとは

Listとは、Javaなどのプログラミング言語に存在するモノで、配列と違って要素の追加や削除を簡単に行うことができます。

例えば、JavaのListで要素を追加するなら以下のようになります。

しかし、JavaScriptの配列は要素を追加したり削除できるので、配列をListのように使うことができます。

そのため、JavaScriptにはListが存在しないのです。

配列(Array)とは

配列とは、同じ型の複数の値をまとめて一つの変数として扱うことができるモノです。

配列の値は順番に並べられていて、特定の値を取り出したりすることもできます。

例えば、10人の年齢をプログラムで保持するのに、int型の変数を10個宣言し格納することもできます。

しかし配列を使用すれば、一人一人の年齢を格納する変数を宣言しなくても、一つの配列の宣言だけで全員分の年齢を順番に格納することができます。

配列をListのように使う方法

配列の要素を追加する方法(push)

ここでは、配列の要素を追加する方法を解説します。

配列に要素を追加するには、pushメソッドを使います。

次のプログラムで確認してみましょう。

実行結果:

このようにして、配列に要素を追加することができました。

pushメソッドの詳しい使い方はこちらの記事で解説しているので、ぜひ確認してください。

インデックス位置を指定して要素を削除する方法(splice)

ここでは、配列のインデックス位置を指定して要素を削除する方法について解説します。

配列の要素を削除するには、spliceメソッドを使います。

次のプログラムで確認してみましょう。

実行結果:

このようにして、配列の要素を削除することができました。

spliceメソッドの詳しい使い方はこちらの記事で解説しているので、ぜひ確認してください。

【JavaScript入門】配列要素を削除する方法のすべて!
更新日 : 2019年5月31日

配列の使い方総まとめ

この記事では紹介しきれなかった配列の様々な使い方はこちらの記事で詳しく解説しているので、ぜひ確認してください。

【JavaScript入門】配列の使い方と操作まとめ(初期化・追加・結合・検索・削除)
更新日 : 2019年4月21日

まとめ

いかがでしたか?

今回は配列をListのように使う方法を解説しました。

JavaScriptではListの代わりに配列を使うので、ぜひ活用してくださいね。

もし、配列をListのように扱う方法を忘れてしまったらこの記事を確認してください!

LINEで送る
Pocket

最短でエンジニアを目指すなら侍エンジニア塾

cta_under_bnr

侍エンジニア塾は業界で初めてマンツーマンレッスンを始めたプログラミングスクールです。これまでの指導実績は16,000名を超え、未経験から数多くのエンジニアを輩出しています。

あなたの目的に合わせてカリキュラムを作成し、現役エンジニア講師が専属であなたの学習をサポートするため効率よく学習を進めることができますよ。

無理な勧誘などは一切ありません。まずは無料体験レッスンを受講ください。

無料体験レッスンの詳細はこちら

書いた人

中沢 丈

中沢 丈

フリーランスエンジニア。
システム開発からコンテンツ作成まで幅広く対応します。

連絡先はこちらです。
[email protected]

おすすめコンテンツ

あなたにぴったりなプログラミング学習プランを無料で診断!

プログラミング学習の効率を劇的に上げる学習メソッドを解説