Menu
Coddy logo textTech

配列メソッド パート1

CoddyのJavaScriptジャーニー「基礎」セクションの一部 — レッスン 60/77。

配列には多くのメソッド(機能)が備わっています。メソッドにアクセスするには、次のように記述します:

someArray.method()

基本的なメソッドの一覧は以下の通りです:

  • push(element) - 配列の末尾に要素を追加します
  • pop() - 配列의 末尾から要素を削除し、その要素を返します
  • shift(element) - 配列の先頭から要素を削除し、その要素を返します
  • unshift(element) - 配列の先頭に要素を追加します

以下は、push メソッドの使用例です:

let myArray = ["orange", "banana", "apple"];
myArray.push("strawberry");
console.log(myArray);

これにより、["orange", "banana", "apple", "strawberry"] が出力されます。

pop メソッドの例:

let myArray = [1, 2, 3, 4, 5];
let lastElement = myArray.pop();
console.log(myArray);
console.log(lastElement);

これにより、[1, 2, 3, 4]5 が出力されます。

shift メソッドの例:

let myArray = [1, 2, 3, 4, 5];
let firstElement = myArray.shift();
console.log(myArray);
console.log(firstElement);

これは [2, 3, 4, 5]1 を出力します。

unshift メソッドの例:

let myArray = [1, 2, 3, 4, 5];
myArray.unshift(0);
console.log(myArray);

これは [0, 1, 2, 3, 4, 5] を出力します。

challenge icon

チャレンジ

簡単

swapEnds という名前の関数を作成してください。この関数は引数を1つ受け取ります:

  • 配列

この関数は、配列の最初と最後の要素を入れ替え、変更された配列を返します。

例えば、次の引数を指定した場合:swapEnds([1, 2, 3, 4]) 関数は [4, 2, 3, 1] を返します。

チートシート

配列には、要素を追加および削除するためのメソッドがあります:

  • push(element) - 配列の末尾に要素を追加します
  • pop() - 配列の末尾から要素を削除し、その要素を返します
  • shift() - 配列の先頭から要素を削除し、その要素を返します
  • unshift(element) - 配列の先頭に要素を追加します

例:

let myArray = ["orange", "banana", "apple"];
myArray.push("strawberry"); // ["orange", "banana", "apple", "strawberry"]

let lastElement = myArray.pop(); // "strawberry" を返します
let firstElement = myArray.shift(); // "orange" を返します
myArray.unshift("grape"); // 先頭に "grape" を追加します

自分で試してみよう

function swapEnds(arr) {
    // ここにコードを記述してください
}
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

基礎のすべてのレッスン