【JavaScript】push / pop – 配列を操作するメソッド

// 配列を定義
let sweets = ['ドーナツ', 'ケーキ'];

// 配列の末尾に要素を追加
let newLength = sweets.push('クッキー');

console.log(sweets); // ["ドーナツ","ケーキ","クッキー"]
console.log(newLength); // 3（新しい配列の長さ）

let drinks = ['カフェオレ', 'カプチーノ'];
drinks.push('カフェラテ', 'エスプレッソ');
console.log(drinks); // ["カフェオレ","カプチーノ","カフェラテ","エスプレッソ"]

let numbers = [1, 2, 3, 4, 5];

// 配列の末尾の要素を削除
let lastElement = numbers.pop();

console.log(numbers); // [1, 2, 3, 4]
console.log(lastElement); // 5（削除された要素）

let stack = [];

// データを追加（プッシュ）
stack.push('データ1');
stack.push('データ2');
stack.push('データ3');
console.log(stack); // ['データ1', 'データ2', 'データ3']

// データを取り出し（ポップ）
let removedData = stack.pop();
console.log(stack); // ['データ1', 'データ2']
console.log(removedData); // 'データ3'

let history = [];

// 新しいページを訪問すると、履歴に追加
function visitPage(page) {
    history.push(page);
    console.log(`訪問したページ: ${page}`);
    console.log(`現在の履歴: ${history.join(' -> ')}`);
}

// 戻るボタンのような動作
function goBack() {
    if (history.length > 1) { // 履歴が1ページ以上ある場合のみ戻る
        let lastPage = history.pop(); // 最後のページを削除
        let currentPage = history[history.length - 1]; // 現在のページを取得
        console.log(`戻る: ${lastPage} -> 現在のページ: ${currentPage}`);
    } else {
        console.log('履歴がありません、戻れません');
    }
}

// ページを訪問
visitPage('ホーム');
visitPage('商品一覧');
visitPage('商品詳細');

// 戻る
goBack(); // 商品詳細 -> 商品一覧
goBack(); // 商品一覧 -> ホーム
goBack(); // 履歴がありません

let emptyArray = [];
console.log(emptyArray.pop()); // undefined