배열 메서드 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배열을 출력하세요.
직접 해보기
let numbers = [1, 2, 3, 4, 5];이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
기초의 모든 레슨
직접 연습해 보세요: 온라인 JavaScript 컴파일러