배열 메서드 Part 3

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

다음은 몇 가지 유용한 배열 메서드입니다:

1. concat(): 두 개 이상의 배열을 결합하고 기존 배열을 수정하지 않고 새로운 배열을 반환합니다.

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // 출력: [1, 2, 3, 4]

2. join(separator): 배열의 모든 요소를 지정된 구분자(선택 사항)로 구분하여 하나의 문자열로 합칩니다.

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // 출력: "apple, banana, orange"

3. slice(start, end): 배열의 일부를 추출하여 새로운 배열을 반환합니다. start 인덱스는 포함되고, end 인덱스는 제외됩니다.

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // 출력: [2, 3, 4]

4. splice(start, deleteCount, item1, item2, ...): 요소를 삭제, 교체 또는 추가하여 배열의 내용을 변경합니다. 원본 배열을 수정하며, 삭제된 요소가 있는 경우 이를 포함하는 배열을 반환합니다.

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // 출력: [1, 2, 6, 7, 5]
console.log(removed); // 출력: [3, 4]

5. split(separator, limit): 지정된 구분자를 기준으로 문자열을 하위 문자열의 배열로 나눕니다. 원본 문자열은 수정되지 않습니다. 선택 사항인 limit 매개변수는 최대 분할 횟수를 제어합니다.

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); 
// 출력: ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited);
// 출력: ["apple", "banana"]

챌린지

쉬움

배열 numbers = [1, 2, 3, 4, 5]가 주어집니다. 다음 단계들을 수행하고 결과를 직접 출력하세요:

concat()을 사용하여 배열 끝에 [6, 7, 8]을 추가하고 그 결과를 출력합니다.
join()을 사용하여 concat()의 결과를 쉼표로 구분된 문자열로 변환하고 출력합니다.
slice()를 사용하여 원래 numbers 배열에서 처음 세 개의 요소를 추출하고 출력합니다.
splice()를 사용하여 numbers의 두 번째 요소를 99로 교체하고 수정된 numbers 배열을 출력합니다.

치트 시트

조작 및 추출을 위한 배열 메서드:

concat(): 원본을 수정하지 않고 배열을 결합합니다

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // 출력: [1, 2, 3, 4]

join(separator): 배열 요소를 문자열로 결합합니다

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // 출력: "apple, banana, orange"

slice(start, end): 배열의 섹션을 추출합니다 (시작 인덱스 포함, 끝 인덱스 제외)

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // 출력: [2, 3, 4]

splice(start, deleteCount, item1, item2, ...): 요소를 제거/교체/추가하여 원본 배열을 수정합니다

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // 출력: [1, 2, 6, 7, 5]
console.log(removed); // 출력: [3, 4]

split(separator, limit): 문자열을 하위 문자열의 배열로 분할합니다

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); // 출력: ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited); // 출력: ["apple", "banana"]

직접 해보기