はじめに
この実験では、配列要素を指定された量だけオフセットすることができる興味深い JavaScript 関数を探ります。Array.prototype.slice() メソッドとスプレッド演算子を使って、オフセットの値に基づいて要素を配列の先頭から末尾または末尾から先頭に移動させる方法を学びます。この実験は、JavaScript 開発者が配列の操作に対する理解を深めるのを助けるために設計されています。
JavaScript における配列要素のオフセット方法
JavaScript 配列の末尾に指定された数の要素を移動させるには、次の手順を実行します。
- ターミナル/SSH を開き、コーディングの練習を始めるために
nodeと入力します。 Array.prototype.slice()メソッドを 2 回使用して、指定されたインデックス以降の要素とそれより前の要素を取得します。- スプレッド演算子 (
...) を使用して、2 つの配列を 1 つに結合します。 offsetが負の場合、要素は配列の末尾から先頭に移動されます。
以下は、offset 関数を実装するコードのサンプルです。
const offset = (arr, offset) => [...arr.slice(offset), ...arr.slice(0, offset)];
次に、必要な配列とオフセット値で関数を呼び出すことができます。
offset([1, 2, 3, 4, 5], 2); // [3, 4, 5, 1, 2]
offset([1, 2, 3, 4, 5], -2); // [4, 5, 1, 2, 3]
まとめ
おめでとうございます！あなたは配列要素のオフセット実験を完了しました。あなたの技術を向上させるために、LabEx でさらに多くの実験を練習することができます。