JavaScript入門4~ファンクション,配列~

ファンクションの書き方

var ファンクション名 = function(要求するパラメータ) {
   処理内容
}

名無しのファンクションを作成して,変数に代入しています.

配列

作成

var 変数名 = [];
var 変数名 = [データ0,データ1,...データx];

すべての項目を読み取る

for (var i = 0; i < 配列名.length;　i++){
  処理内容
}

配列の要素数は配列名.lengthでわかります.

配列のメソッド

メソッド名	意味
配列名.pop()	配列の最後のデータを取り出す
配列名.push(データ)	配列の最後にデータを追加する
配列名.shift()	配列の最初のデータを削除する
配列名.unshift(データ1,データ2...)	配列の最初にデータ1,データ2...を追加する

配列の項目ごとにリストを作成

for (var i = 0; i < 配列名.length; i++) {
  var li = document.createElement('li');
  li.textContent = 配列名[i];
　document.getElementById(`list`).appendChild(li);
}

1. document.createElement(タグ名)でタグを生成します.今回はliタグ.
2. 生成したliタグのテキストコンテンツに配列の要素を代入
3. 取得した要素.appendChild(挿入したい子要素)を使って,取得した要素に子要素を代入する.今回はlist要素にli要素を挿入する.