Menu
Coddy logo textTech

배열 메서드 Part 1

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

배열에는 많은 메서드(기능)가 포함되어 있습니다. 메서드에 접근하려면 다음과 같이 작성하세요:

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라는 이름의 함수를 만드세요:

  • 배열

이 함수는 배열의 첫 번째 요소와 마지막 요소를 서로 바꾸고 수정된 배열을 반환합니다.

예를 들어, 다음과 같은 인수가 주어지면: 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실력 점검

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

기초의 모든 레슨