配列の最初の要素削除

JavaScriptで配列の最初の要素を削除し、残りを返す方法

問題
配列から最初の要素を削除し、残りの要素を含む新しい配列を返す方法を知りたい。

解決方法
JavaScriptでは、slice()メソッドを使用して配列から特定の要素を抽出することができます。最初の要素を削除するには、slice(1)を使用します。

コード例

const originalArray = [1, 2, 3, 4, 5];

const newArray = originalArray.slice(1);

console.log(newArray); // Output: [2, 3, 4, 5]

解説

1. originalArray
   削除する最初の要素を持つ元の配列を定義します。
2. slice(1)
   slice()メソッドに引数1を渡します。これは、最初の要素（インデックス0）から切り取りを開始することを意味します。
3. newArray
   slice()メソッドの結果を新しい変数newArrayに格納します。これは、最初の要素を除く残りの要素を含む新しい配列です。

注意

• 負のインデックスを使用することもできます。例えば、slice(-2)は最後の2つの要素を抽出します。
• slice()メソッドは元の配列を変更しません。新しい配列を返します。

const originalArray = [1, 2, 3, 4, 5];

const newArray = originalArray.slice(1);

console.log(newArray); // Output: [2, 3, 4, 5]

shift()メソッド:

• 残りの要素を含む新しい配列を直接変更します。
• 配列の最初の要素を削除し、その要素を返します。

const originalArray = [1, 2, 3, 4, 5];

const removedElement = originalArray.shift(); // Removed element: 1
console.log(originalArray); // Output: [2, 3, 4, 5]

スプレッド演算子:

• 展開された要素から最初の要素を除外します。
• 配列を展開し、新しい配列を作成します。

const originalArray = [1, 2, 3, 4, 5];

const newArray = [...originalArray.slice(1)];
console.log(newArray); // Output: [2, 3, 4, 5]

filter()メソッド:

• 最初の要素を除外する条件を指定します。
• 配列の各要素に対して条件を満たす要素を新しい配列に返します。

const originalArray = [1, 2, 3, 4, 5];

const newArray = originalArray.filter((_, index) => index !== 0);
console.log(newArray); // Output: [2, 3, 4, 5]

選択基準

• filter()
  より複雑な条件に基づいて要素を削除したい場合に使用します。
• スプレッド演算子
  シンプルで読みやすいコードを作成したい場合に使用します。
• shift()
  元の配列を変更したい場合に使用します。