配列メソッド パート2
CoddyのJavaScriptジャーニー「基礎」セクションの一部 — レッスン 61/77。
配列には、一般的なタスクに役立つ組み込みメソッドが他にもたくさんあります。そのうちのいくつかを紹介します：
sort()- 配列の要素をソートします。
reverse()- 配列内の要素の順序を反転させます。
indexOf(element)- 配列内で最初に見つかった要素のインデックスを返します。見つからない場合は -1 を返します。
lastIndexOf(element)- 配列内で要素が最後に現れるインデックスを返します。見つからない場合は -1 を返します。
includes(element)- 配列に指定された要素が含まれている場合はtrueを、そうでない場合はfalseを返します。
以下は、sort メソッドの使用例です：
let myArray = ["orange", "banana", "apple"];
myArray.sort();
console.log(myArray);これは ["apple", "banana", "orange"] を出力します。
reverse メソッドの例:
let myArray = [1, 2, 3, 4, 5];
myArray.reverse();
console.log(myArray);これは [5, 4, 3, 2, 1] を出力します。
indexOf メソッドの例:
let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.indexOf(30);
console.log(index);これは 2 を出力します。
lastIndexOf メソッドの例:
let myArray = [10, 20, 30, 40, 50, 30];
let index = myArray.lastIndexOf(30);
console.log(index);これは 5 を出力します。
includes メソッドの例:
let myArray = ["apple", "banana", "orange"];
let hasBanana = myArray.includes("banana");
console.log(hasBanana);これは true を出力します。
チャレンジ
簡単2つの引数を受け取る、findElementという名前の関数を作成してください：
- 数値の配列
- 検索する数値
この関数は以下の処理を行う必要があります：
includesメソッドを使用して、配列にその数値が含まれているか確認します。- 数値が見つかった場合は、
indexOfメソッドを使用して、その数値が最初に現れるインデックスを返します。 - 数値が見つからない場合は、-1を返します。
例：
findElement([1, 2, 3, 4, 5], 3)は 2 を返す必要がありますfindElement([1, 2, 3, 4, 5], 6)は -1 を返す必要があります
チートシート
JavaScriptの配列には、一般的な操作のための組み込みメソッドがいくつかあります。
sort()- 配列の要素をソートしますreverse()- 配列の要素の順序を反転させますindexOf(element)- 要素が最初に現れるインデックスを返します。見つからない場合は -1 を返しますlastIndexOf(element)- 要素が最後に現れるインデックスを返します。見つからない場合は -1 を返しますincludes(element)- 配列にその要素が含まれている場合はtrueを、そうでない場合はfalseを返します
例:
let fruits = ["orange", "banana", "apple"];
fruits.sort(); // ["apple", "banana", "orange"]
let numbers = [1, 2, 3, 4, 5];
numbers.reverse(); // [5, 4, 3, 2, 1]
let arr = [10, 20, 30, 40, 50, 30];
arr.indexOf(30); // 2 (最初に現れる位置)
arr.lastIndexOf(30); // 5 (最後に現れる位置)
arr.includes(30); // true自分で試してみよう
function findElement(arr, num) {
// ここにコードを記述してください
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
