配列メソッド パート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] を出力します。
チャレンジ
簡単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) {
// ここにコードを記述してください
}このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。