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

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

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

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

この記事では、

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

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

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

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

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

Listとは

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

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

List list = new ArrayList(){
    {
         add("Apple");
         add("Orange");
         add("Melon");
    }
};

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

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

配列(Array)とは

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

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

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

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

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

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

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

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

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

var items = [1,2,3,4];

items.push(5,6,7,8);

console.log(items);

実行結果:

[1, 2, 3, 4, 5, 6, 7, 8]

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

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

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

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

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

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

var items = ['リンゴ', 'メロン', 'イチゴ', 'スイカ'];

items.splice(1, 1);

console.log(items);

実行結果:

["リンゴ", "イチゴ", "スイカ"]

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

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

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

配列の使い方総まとめ

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

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

まとめ

いかがでしたか?

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

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

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

LINEで送る
Pocket

SEからWebエンジニアへ転職した理由

侍エンジニア塾卒業生の小池さんは、以前は社内SEとして約5年ほど勤務していました。しかし業務内容は社内のヘルプデスク対応など、プログラムを書く仕事は全くなかったそうです。

SEながらプログラムを書けない現状に「将来仕事がなくなるんじゃないか」と不安を感じ、プログラミング学習を決意。

弊社スクールで学習し、無事ベンチャー企業のプログラマーとして転職に成功しました。そんな小池さんの学習法や転職体験談を伺いましたので、是非ご覧ください。

「プログラミングができないSEは仕事がなくなる」不安を感じたSEが未経験から転職成功するまで
更新日 : 2019年10月7日

書いた人

中沢 丈

中沢 丈

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

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

おすすめコンテンツ

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

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