우당탕탕 FE 개발자 이야기

1탄에서는 배열 요소 추가/제거를, 2탄에서는 배열 탐색/검색을 다뤘습니다. 이번 3탄에서는 배열을 변환하는 가장 강력하고 자주 사용되는 메서드들을 정리해보겠습니다. 특히 map(), filter(), reduce()는 현대 자바스크립트 개발에서 필수적인 메서드입니다!1. map() - 각 요소를 변환하여 새 배열 생성map()은 배열의 모든 요소를 변환하여 새로운 배열을 만듭니다. 원본 배열은 변경되지 않습니다. 문법:array.map(callback(element, index, array)) 기본 예시:const numbers = [1, 2, 3, 4, 5];// 각 숫자를 2배로const doubled = numbers.map(num => num * 2);console.log(doubled); //..

1탄에서는 배열에 요소를 추가하고 제거하는 방법을 알아봤습니다. 이번 2탄에서는 배열에서 원하는 요소를 찾는 다양한 탐색/검색 메서드들을 정리해보겠습니다.1. find() - 조건에 맞는 첫 번째 요소 찾기find()는 주어진 조건을 만족하는 첫 번째 요소를 반환합니다. 조건에 맞는 요소가 없으면 undefined를 반환합니다. 문법:array.find(callback(element, index, array)) 기본 예시:const numbers = [5, 12, 8, 130, 44];// 10보다 큰 첫 번째 숫자 찾기const found = numbers.find(num => num > 10);console.log(found); // 12 실무 활용 예시:// 사용자 목록에서 특정 ID로 사용자 찾기..

자바스크립트로 개발하다 보면 배열을 다루는 일이 정말 많죠. 오늘은 배열에 요소를 추가하거나 제거하는 기본적이면서도 자주 사용하는 메서드들을 정리해보겠습니다.1. push() - 배열 끝에 요소 추가push()는 배열의 끝에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환합니다.const fruits = ['사과', '바나나'];const newLength = fruits.push('오렌지');console.log(fruits); // ['사과', '바나나', '오렌지']console.log(newLength); // 3// 여러 개를 한 번에 추가할 수도 있습니다fruits.push('포도', '딸기');console.log(fruits); // ['사과', '바나나', '오렌지', '포도',..