Menu
Coddy logo textTech

배열 메서드 Part 2

Coddy JavaScript 여정의 기초 섹션에 포함된 레슨 — 77개 중 61번째.

배열에는 일반적인 작업을 도와주는 더 많은 내장 메서드들이 있습니다. 그중 몇 가지를 소개합니다:

  • 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를 출력합니다.

challenge icon

챌린지

쉬움

두 개의 인자를 받는 findElement라는 이름의 함수를 작성하세요:

  • 숫자로 이루어진 배열
  • 찾을 숫자

함수는 다음을 수행해야 합니다:

  1. includes 메서드를 사용하여 배열에 해당 숫자가 포함되어 있는지 확인합니다.
  2. 숫자를 찾으면 indexOf 메서드를 사용하여 해당 숫자가 처음 나타나는 인덱스를 반환합니다.
  3. 숫자를 찾지 못하면 -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) {
    // 여기에 코드를 작성하세요
}
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

기초의 모든 레슨