web制作勉強中です。

職業訓練校でweb制作を勉強しています。勉強のメモなど記録します。

【授業メモ】JavaScript 配列

JavaScriptではあまり使われないメソッドだが、データベースの考えで必要なため、
「こういうのがあるんだ」程度に覚えておく。(テスト範囲に出るのは配列のみ)
 
★記述例
<script>
var favorites = {
  food:'カレー',//インデックス(キー)で指定 セミコロンではなく、続きがあるのでカンマ
  color:'青',//続きのカンマ
  number:7//これで終わりなのでカンマ無し
};//ここにセミコロン
console.log(favorites.food);//favoritesの中のfoodだけ呼び出す
console.log(favorites.color);//favoritesの中のcolorだけ呼び出す
console.log(favorites.number);//favoritesの中のnumberだけ呼び出す
console.log(favorites['number']);//ブラケッツで呼び出すこともできる
 
favorites.sports = 'サッカー';//後から値を追加することもできる
console.log(favorites.sports);
</script>
 
配列をHTMLに適した形で表示する方法
 
★記述例
ulはfor文の外側に置く。繰り返したいliは中に置く。
<script>
var fruit = new Array('りんご', 'バナナ', 'メロン', 'もも', 'みかん','キウイ' );
document.write('<ul>');
  for (i =0; i <fruit.length; i ++){//追加しても中のものが都度表示されていくようにlength
  document.write('<li>' + fruit[i] + '</li>');
}
document.write('</ul>');
</script>
 
配列で日付時刻曜日を取得する方法
★記述例1
<script>
var now = new Date();//日付時刻取得の宣言
var mon = now.getMonth()+1;//月
var date = now.getDate();//日付
var day = now.getDay();//曜日
var week = ['日', '月', '火', '水', '木', '金', '土'];//曜日を配列化
var today = '今日は' + mon + '月' + date + '日' + week[day] + '曜日' + 'です';
document.write('<h1>' + today + '</h1>' );
</script>
 
★記述例2
<script>
var date =new Date();
var myMonth = date.getMonth()+1;//月
var myDate = date.getDate();//日付
var myDay = date.getDay();//曜日
var youbi = ['日', '月', '火', '水', '木', '金', '土'];
var myDay = youbi[myDay];
document.write( '<h1>' + myMonth + '月' + myDate + '日' + myDay + '曜日' + '</h1>' );
</script>