たくさんの値をまとめて扱う

[データ, データ, データ, ...]

let 配列名 = [データ, データ, データ, ...];
let 配列名 = []; // 空の配列を作ることもできる

配列名[N]           // N番目の値を参照する
配列名[N] = 値;     // N番目に値を上書き代入する
配列名.push(値);    // 末尾に値を追加する
配列名.pop()        // 末尾の値を削除する
配列名.unshift(値); // 先頭に値を追加する（元々あったデータの番号が１ずつ後ろにずれる）
配列名.shift();     // 先頭の値を削除する

let scores = [88, 80, 76];
let sum = 0;
for(let i = 0; i < scores.length; i++){
  sum += scores[i];
}
console.log(sum);

let scores = [];
for(let i = 0; i < 10; i++){
  scores.push(random(60, 100)); // 60以上100未満のランダムな数を追加
}

function setup(){
  createCanvas(400, 400);

  // 点数を乱数で用意する
  let scores = [];
  for(let i = 0; i < 10; i++){
    scores[i] = random(60, 100); // 60以上100未満のランダムな数を代入
  }

  // 棒を描く
  for(let i = 0; i < scores.length; i++){
    const dx = width / scores.length;   // 棒の幅（固定）
    const h = height * scores[i] / 100; // 棒の高さ（点数に比例）
    fill(128);
    rect(i * dx, height - h, dx, h);
  }
}

let balls = []; // 配列を用意して
let b1 = { x: 50, y: 50, vx: 3, vy: 0, size: 10 }; // ボール１のオブジェクトを作って
balls.push(b1); // 配列に追加
let b2 = { x: 40, y: 40, vx: 0, vy: 3, size: 20 }; // ボール２のオブジェクトを作って
balls.push(b2); // またもや配列に追加

let オブジェクト名 = { キー1: 値1, キー2: 値2, ... };

// 長い場合は複数行にまたがって書くのもわかりやすい
let オブジェクト名 = {
  キー1: 値1,
  キー2: 値2,
  ...
};

オブジェクト名["キー"] // 値を参照する方法その１
オブジェクト名.キー    // 値を参照する方法その２
オブジェクト名["キー"] = 新しい値; // 値を上書きする方法その１
オブジェクト名.キー = 新しい値;    // 値を上書きする方法その２

let balls = [];

function setup(){
  createCanvas(windowWidth, windowHeight);
}

function draw(){
  background(160, 192, 255);
  for(let i = 0; i < balls.length; i++){ // すべてのボールを描画し、速度の分だけ移動させる
    let b = balls[i];
    ellipse(b.x, b.y, b.size);
    b.x += b.vx;
    b.y += b.vy;
  }
}

function mouseDragged(){ // ドラッグされたらボールを増やす
  const dx = mouseX - pmouseX;
  const dy = mouseY - pmouseY;
  if(mag(dx, dy) > 5){ // mag(x,y) はベクトル(x,y)の長さ
    const b = { x: mouseX, y: mouseY, size: 20, vx: dx, vy: dy };
    balls.push(b);
  }
}