今回は、JSで配列を作っていきます！
配列
index.js
<body><script>'use strict'constfruits=["バナナ","りんご","みかん"]document.write(fruits);</script>
</body>
定数にフルーツを代入していきます。今回は、バナナとりんごとみかんを並べました。
ブラウザで表示すると以下のようになります。
取り出す
では、この配列から１つ取り出して行きたいと思います。
配列は、左から順番に0番目と考えます。
今回は、りんごを取り出したいと思います。
index.js
<script>'use strict'constfruits=["バナナ","りんご","みかん"]document.write(fruits[1]);</script>
今回のりんごは1番目の配列になります。
追加、削除
次に、この配列に追加と削除をしていきたいと思います。
index.js
<script>'use strict'constfruits=["バナナ","りんご","みかん"]// document.write(fruit);// document.write(fruit[1]);fruits.pop();fruits.push("もも");document.write(fruits);</script>
popで末尾のみかんを削除して、pushで末尾にももを追加しました。
index.js
constfruits=["バナナ","りんご","みかん"]fruits.shift();fruits.unshift("マンゴー")document.write(fruits);文頭のバナナを削除し、マンゴーを追加しました。
*pushとunshifyは一度に複数の要素を追加することができます。
途中の要素を追加、削除
削除数よりも多い数を追加する場合に使います。
index.js
<script>'use strict'constfruits=["バナナ","りんご","みかん"]fruits.shift();fruits.unshift("マンゴー");fruits.splice(1,2,"さくらんぼ","ぶどう");document.write(fruits);</script>
以下のようになりました！！