【WEB制作×勉強】Day14：JavaScriptの基本（後編）

全編に続き…

配列

関数名（値、値、値）
値=要素で０、１、２の順番の値となる

・変更

関数名[変更したい関数の順番の値]=変更したい値;

・追加

関数名.push(変更したい値);

・最後の要素を削除

関数名.pop();

・最初の要素を削除

関数名.shift();

---

・複数の配列(オブジェクト)を管理

配列の中でオブジェクトを管理

const allScore=[
    {math:89,english:56,science:48},
    {math:29,english:76,science:58},
    {math:47,english:68,science:85},
]
console.log(allScore);

個別でオブジェクトを取り出す

console.log(allScore[2].english);

 オブジェクトの中に関数を入れることができる
オブジェクト内のものはthisで表現できる

const scores={
    math:87,
    english:90,
    science:65,
   englishMessage:function(){
        console.log(`英語の点数は${this.english}点です`);
    }
};

scoreの中のenglishMessageを呼び出した出力結果

scores.englishMessage();

---

繰り返し処理＝for文

const prefectures = ["北海道", "青森県", "岩手県", "宮城県", "秋田県", "山形県", "福島県", "茨城県", "栃木県", "群馬県", "埼玉県", "千葉県", "東京都", "神奈川県", "新潟県", "富山県", "石川県", "福井県", "山梨県", "長野県", "岐阜県", "静岡県", "愛知県", "三重県", "滋賀県", "京都府", "大阪府", "兵庫県", "奈良県", "和歌山県", "鳥取県", "島根県", "岡山県", "広島県", "山口県", "徳島県", "香川県", "愛媛県", "高知県", "福岡県", "佐賀県", "長崎県", "熊本県", "大分県", "宮崎県", "鹿児島県", "沖縄県"];

console.log(prefectures[0]);
console.log(prefectures[1]);
console.log(prefectures[2]);
console.log(prefectures[3]);
console.log(prefectures[4]);
...
...// 以下省略

これらをもっと簡潔に表現する場合↓↓

const prefectures = ["北海道", "青森県", "岩手県", "宮城県", "秋田県", "山形県", "福島県", "茨城県", "栃木県", "群馬県", "埼玉県", "千葉県", "東京都", "神奈川県", "新潟県", "富山県", "石川県", "福井県", "山梨県", "長野県", "岐阜県", "静岡県", "愛知県", "三重県", "滋賀県", "京都府", "大阪府", "兵庫県", "奈良県", "和歌山県", "鳥取県", "島根県", "岡山県", "広島県", "山口県", "徳島県", "香川県", "愛媛県", "高知県", "福岡県", "佐賀県", "長崎県", "熊本県", "大分県", "宮崎県", "鹿児島県", "沖縄県"];

//for (let 変数 of 配列)
for (let prefecture of prefectures) {
  console.log(prefecture);
}

・カウントを使ったfor文

for(初期化式；条件式；変化式)｛
　　繰り返し行いたい内容
　｝

const prefectures = ["北海道", "青森県", "岩手県", "宮城県", "秋田県", "山形県", "福島県", "茨城県", "栃木県", "群馬県", "埼玉県", "千葉県", "東京都", "神奈川県", "新潟県", "富山県", "石川県", "福井県", "山梨県", "長野県", "岐阜県", "静岡県", "愛知県", "三重県", "滋賀県", "京都府", "大阪府", "兵庫県", "奈良県", "和歌山県", "鳥取県", "島根県", "岡山県", "広島県", "山口県", "徳島県", "香川県", "愛媛県", "高知県", "福岡県", "佐賀県", "長崎県", "熊本県", "大分県", "宮崎県", "鹿児島県", "沖縄県"];

for (let i = 0; i < prefectures.length; i++) {
  console.log(prefectures[i]);
}

上のコードは、i(=index)をまず０とし、47までの間１ずつ+する　という式
(１ずつ足す変化式はi++と書く　　１ずつ引く場合はi--)

・forEach文

const prefectures = ["北海道", "青森県", "岩手県", "宮城県", "秋田県", "山形県", "福島県", "茨城県", "栃木県", "群馬県", "埼玉県", "千葉県", "東京都", "神奈川県", "新潟県", "富山県", "石川県", "福井県", "山梨県", "長野県", "岐阜県", "静岡県", "愛知県", "三重県", "滋賀県", "京都府", "大阪府", "兵庫県", "奈良県", "和歌山県", "鳥取県", "島根県", "岡山県", "広島県", "山口県", "徳島県", "香川県", "愛媛県", "高知県", "福岡県", "佐賀県", "長崎県", "熊本県", "大分県", "宮崎県", "鹿児島県", "沖縄県"];

//配列.forEach(function (変数)
prefectures.forEach(function (prefecture) {
  console.log(prefecture);
});

これも同じものを表すコードになるけど、
配列の中の一つを取り出して処理したら、次のものを取り出して処理する　という式