【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入門】配列の使い方と操作まとめ(初期化・追加・結合・検索・削除)
更新日 : 2020年3月10日

まとめ

いかがでしたか?

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

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

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

LINEで送る
Pocket

ITエンジニアへ転職したい方におすすめ

自分を評価してくれる企業に転職して年収を上げたい! 自分のスキルにあった独自案件を知りたい!
エンジニアは今もっとも注目されている職業の1つ。エンジニアになって年収を増やしたい方や、あなたのスキルに見合った企業へ転職したいエンジニアの方も多いですよね。

しかし、大手の転職媒体は扱う求人数が多くても、誰もが登録しているので競争率もかなり高くなっています。そのため、あなたの条件に見合った企業を見つけても転職するためには、相応の努力とスキルが必要となります。

こういった媒体では、未経験からエンジニアを目指す方やエンジニア歴2〜3年で転職を考えている方にとって、最適な転職環境とはいえません。

そこでオススメしたいのが、未経験者や若手エンジニア向けの独自案件を多く掲載している「侍ワークス」です。

侍ワークスは、独自案件を多く掲載しているだけでなく、

・応募から就業まで一貫したサポート

・就業後もアフターフォロー

といった経験の浅い方や初めてエンジニアを目指す方にも安心のフォロー体制が整っています。もちろん登録は完全無料!しかも案件を見るだけなら登録も不要です。

まずは、お気軽にどんな求人があるか見てみてください。あなたにピッタリの企業がきっと見つかりますよ! 侍ワークスの求人情報を見る

書いた人

中沢 丈

中沢 丈

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

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