この記事で学べること
- 変数の配列（リスト）の書き方
- 変数の配列から要素の取り出し方
スポンサーリンク
スポンサーリンク
変数の配列（リスト）について学ぼう
うさタブ
今回は変数の配列を勉強するッピ！
ユウキ
変数の配列？
うさタブ
変数の中にたくさんのデータを入れて、それを取り出す作業ッピネ～
ユウキ
ふーん・・・ まあやっていけば分かるかな
変数のリストを作ってみよう
必要なもの
- メモ帳
- パソコン
- ネットを見るブラウザアプリ
うさタブ
さっそくリストを作ってみるッピよ～。
今回は下のサンプルコードを元に勉強していくッピ
<!-- 見えない部分 -->
<html>
<head></head>
<!-- ↓ここから見える部分↓ -->
<body>
<!-- ↓この下に入力してね！↓ -->
<script>
let animal = ["猫","犬","うさぎ"];
document.write( animal[0] + "/" );
document.write( animal[1] + "/" );
document.write( animal[2] + "/" );
</script>
<!-- ここまで！ -->
</body>
</html>うさタブ
リストを作る命令文はこんな感じッピ
let animal = ["猫","犬","うさぎ"];で、[ 猫 ] と [ 犬 ] [ うさぎ ] というリストを作ったッピよ～
うさタブ
次の
document.write( animal[0] + "/" );
document.write( animal[1] + "/" );
document.write( animal[2] + "/" );で、中身を書き出しているッピ！
【 + “/” 】はわかりやすいように区切りをつけてるために入れてるッピネ～
うさタブ
リストは【先頭】から順番に 0, 1, 2, 3, 4, 5, …. と自動的に番号が振られてるッピ。
わかりやすく分解するなら
let animal = [];
animal[0] = "猫" ;
animal[1] = "犬" ;
animal[2] = "うさぎ" ;ッピね～。 ↑の文でも問題なく使えるッピよ！
ユウキ
なんで [ 0 ] からはじまるの？ フツー [ 1 ] からじゃない？
うさタブ
プログラミングの世界では、だいたい [ 0 ] からはじまるッピ！
これはもう、こういうものだと覚えていくしかないッピね・・・
うさタブ
変数配列の使い方をおさらいするッピ！
let 変数名 = [ データ0 , データ1 , データ2 ]
[ データ0, データ1, データ2 ] …. 【 , 】のうち忘れに気をつけるッピよ！
うさタブ
書き出すときは
変数名[ 0 ] , 変数名[ 1 ] , 変数名[ 2 ]で呼び出すッピ。
先程の例でいうと、
document.write( animal[2] );
みたいな感じッピね～。
余談ッピが、この[ 0 ]や[ 1 ]の内容を要素、呼び出すときには引数と呼ぶッピよ～！
うさタブ
JavaScriptには他にも色んな機能があるッピね！
順次紹介していくッピから、楽しみにしているッピよ～
学習のポイント
- 変数にはたくさんのデータをつめこむことができる
- 複数のデータをまとめた変数を、リスト（または配列）という
- リストの中身は、変数名[ 0 ], 変数名[ 1 ], 等で呼び出すことができる
