JavaScript早見表（03）データと処理をまとめる

配列

書き方説明例

配列

複数のデータを1つにまとめる。番号は0から

書き方	説明	例
配列	複数のデータを1つにまとめる。番号は0から	`let gifts = ["本", "ゲーム", "お菓子"]; console.log(gifts[0]); // 本 console.log(gifts.length); // 3`
配列からランダムに1つ	乱数に要素数(`length`)をかけて切り捨てると、配列の番号になる	`let items = ["A", "B", "C"]; let index = Math.floor(Math.random() * items.length); console.log(items[index]);`
push()	配列の末尾に追加	`gifts.push("花");`

let gifts = ["本", "ゲーム", "お菓子"];
console.log(gifts[0]);     // 本
console.log(gifts.length); // 3

配列からランダムに1つ

乱数に要素数(length)をかけて切り捨てると、配列の番号になる

let items = ["A", "B", "C"];
let index = Math.floor(Math.random() * items.length);
console.log(items[index]);

push()

配列の末尾に追加

gifts.push("花");

書き方	説明	例
オブジェクト	1つのものの情報を、名前(キー)と値でまとめる	`let player = { name: "たろう", score: 10 }; console.log(player.score); // 10`
値の書き換え	プロパティに代入する	`player.score = player.score + 10;`
配列の中にオブジェクト	複数のものを、それぞれ情報を持たせて並べる	`let players = [ { name: "アオイ", score: 10 }, { name: "ハル", score: 20 } ]; console.log(players[1].name); // ハル`

配列は番号で、オブジェクトは名前で値を取り出します。

書き方	説明	例
for	同じ処理を繰り返す。開始・続ける条件・更新を指定する	`for (let i = 0; i < 3; i++) { console.log(i); // 0, 1, 2 }`
配列を順に処理	i < 配列.length で、すべての要素を処理する	`for (let i = 0; i < gifts.length; i++) { console.log(gifts[i]); }`
for...of	配列の要素を順に取り出す	`for (let gift of gifts) { console.log(gift); }`

書き方説明例

function

処理に名前を付けてまとめる。呼び出したときに実行される

書き方	説明	例
function	処理に名前を付けてまとめる。呼び出したときに実行される	`function showMessage() { console.log("こんにちは"); } showMessage(); // 呼び出す`
引数	関数に値を渡す	`function move(x, y) { console.log(x, y); } move(100, 200);`
return	結果を返す	`function addBonus(score) { return score + 10; } console.log(addBonus(20)); // 30`

function showMessage() {
  console.log("こんにちは");
}
showMessage(); // 呼び出す

引数

関数に値を渡す

function move(x, y) {
  console.log(x, y);
}
move(100, 200);

return

結果を返す

function addBonus(score) {
  return score + 10;
}
console.log(addBonus(20)); // 30