JavaScriptのshift()入門｜配列の先頭要素を削除・取得する

const colors = ["赤", "青", "緑", "黄"];

// 先頭の要素を取り出す
const first = colors.shift();
console.log("取り出した要素:", first);
console.log("残りの配列:", colors);

// もう一度取り出す
const second = colors.shift();
console.log("取り出した要素:", second);
console.log("残りの配列:", colors);

// 空の配列からshift
const empty = [];
console.log(empty.shift());

取り出した要素: 赤
残りの配列: ["青", "緑", "黄"]
取り出した要素: 青
残りの配列: ["緑", "黄"]
undefined

// タスクキュー（先入れ先出し）
const queue = [];

// タスクを追加（enqueue）
function enqueue(task) {
  queue.push(task);
  console.log(`追加: ${task} | キュー: [${queue}]`);
}

// タスクを処理（dequeue）
function dequeue() {
  if (queue.length === 0) {
    console.log("キューは空です");
    return null;
  }
  const task = queue.shift();
  console.log(`処理: ${task} | 残り: [${queue}]`);
  return task;
}

enqueue("注文A");
enqueue("注文B");
enqueue("注文C");
dequeue();
dequeue();
enqueue("注文D");
dequeue();

追加: 注文A | キュー: [注文A]
追加: 注文B | キュー: [注文A,注文B]
追加: 注文C | キュー: [注文A,注文B,注文C]
処理: 注文A | 残り: [注文B,注文C]
処理: 注文B | 残り: [注文C]
追加: 注文D | キュー: [注文C,注文D]
処理: 注文C | 残り: [注文D]

// CSVデータのヘッダーと本文を分離
const csvLines = [
  "名前,年齢,部署",
  "田中,28,開発部",
  "佐藤,35,営業部",
  "鈴木,24,開発部"
];

const header = csvLines.shift(); // ヘッダー行を取得
const columns = header.split(",");
console.log("カラム:", columns);

const data = csvLines.map(line => {
  const values = line.split(",");
  return Object.fromEntries(columns.map((col, i) => [col, values[i]]));
});
console.log(data);

// ラウンドロビン方式の割り当て
const workers = ["田中", "佐藤", "鈴木"];
const tasks = ["タスクA", "タスクB", "タスクC", "タスクD", "タスクE"];

tasks.forEach(task => {
  const worker = workers.shift(); // 先頭を取り出す
  console.log(`${task} → ${worker}`);
  workers.push(worker); // 末尾に戻す
});

カラム: ["名前", "年齢", "部署"]
[
  { "名前": "田中", "年齢": "28", "部署": "開発部" },
  { "名前": "佐藤", "年齢": "35", "部署": "営業部" },
  { "名前": "鈴木", "年齢": "24", "部署": "開発部" }
]
タスクA → 田中
タスクB → 佐藤
タスクC → 鈴木
タスクD → 田中
タスクE → 佐藤