test("removes last and first elements correctly", () => {
  expect(updateItemsArray())
    .toEqual(["Banana", "Orange", "Grape"]);
});

test("uses pop method", () => {
  const code = updateItemsArray.toString();
  expect(code.includes("pop")).toBe(true);
});

test("uses shift method", () => {
  const code = updateItemsArray.toString();
  expect(code.includes("shift")).toBe(true);
});

test("pop is executed before shift", () => {
  const code = updateItemsArray.toString();

  expect(code.indexOf("pop"))
    .toBeLessThan(code.indexOf("shift"));
});


user_code.test.js

フロントエンド開発で最も人気のある言語、JavaScriptの世界に飛び込みましょう。JavaScriptはほぼすべてのブラウザに組み込まれており、さまざまなタスクに利用できます。基本的な機能を学び、課題やより高度なプログラミング技術に備えましょう。

JavaScriptの基本構文、主要な用語や概念について紹介し、上級機能を学ぶための基礎を築きます。このセクションでは、これらの概念を実践的に学び、無理なく内容を記憶できるようにするためのハンズオン課題も含まれています。

変数を使用してデータを保存し、後で取得する方法を学びます。さらに、基本的なデータ型を調査し、それらがどのように相互作用するかを理解します。

条件に基づいて「true」または「false」と評価される式の書き方を学びます（例：「XはYと等しいか？」）。その後、特定のコード行を条件付きで実行できる条件文について探求します。

関数と呼ばれる強力なプログラミング機能は、最小限の繰り返しでコードのブロックを複数回実行することを可能にします。本セクションでは、関数を効果的に定義および使用するための基本的な概念と構文を紹介します。


配列の概念は、データの集合を整理および管理する方法として紹介されます。本教材では、配列がデータをどのように構造化し、複数の値に対して効率的な操作を可能にするかを解説します。


ループは、冗長性を減らし、繰り返しの作業を効率的に処理するために使用されるプログラミングの基本的な機能です。本コンテンツでは、JavaScriptにおける3つの主要なループの種類、それぞれの構文、使用例、および配列と組み合わせて操作を効率化しパフォーマンスを向上させる方法について解説します。

チャレンジ：`pop`と`shift`の練習

解答