[JavaScript] 배열 변형 메서드
·
개발새발개발/JavaScript
1. filter - 기존 배열에서 조건을 만족하는 요소들만 필터링하여 새로운 배열로 반환하는 메서드      -  조건식만 반환하는 걸로 더 단축해서 간결하게 표현 가능 - 카테고리, 필터링 등 실제 프로젝트에서 다양하게 많이 사용됨    2. map - 배열의 모든 요소를 순회하면서 각각 콜백 함수를 실행하고- 그 결과값들을 모아서 새로운 배열로 반환- 매개변수로 현재 요소, 반복 카운트, 원본 배열을 전달 받음(forEach와 비슷함)     - 반환값 설정도 가능함- 반환값을 모아서 새로운 배열을 만들어 출력함 - 즉, 원본 배열의 값들을 변형한 새로운 배열 생성이 가능함     map 응용   - 맨 아래 코드 참고 - map을 이용해 객체의 특정 요소만 담은 배열을 생성해 출력할 수 있음   ..
[JavaScript] 배열의 요소 순회 및 탐색 메서드
·
개발새발개발/JavaScript
1. forEach- 모든 요소를 순회하면서 각각의 요소에 특정 동작을 수행시키는 메서드   - 매개변수로 현재 요소(item), 반복 카운트(idx), 원본 배열(arr)을 전달 받음- 요소를 원하는 방식으로 변형할 수 있음    - 빈 배열을 만들고 그 곳에 원하는 처리를 한 요소를 push해 새로운 배열을 만들 수 있음     2. includes - 배열에 특정 요소가 있는지 확인하는 메서드   - 값이 있으면 true,  없으면 false 반환     3. indexOf   - 특정 요소의 인덱스(위치)를 찾아서 반환- 같은 값이 있을 경우 앞에서부터 탐색하기 때문에 가장 처음으로 일치하는 숫자의 인덱스 반환- 값이 없을 경우엔 -1 반환    4. findIndex- 모든 요소를 순회하면서 콜..
React - 컴포넌트 반복(map, callback, key, list, 값 추가 삭제)
·
개발새발개발/React
자바스크립트 배열의 map() 함수map() : 파라미터로 전달된 함수를 사용하여 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성arr.map(callback, [thisArg])arr.map(name, index, array, [thisArg])callback : 새로운 배열의 요소를 생성하는 함수. 3가지의 파라미터를 받음currentValue : 현재 처리하고 있는 요소index : 현재 처리하고 있는 요소의 index 값array : 현재 처리하고 있는 원본 배열thisArg(선택 항목) : callback 함수 내부에서 사용할 this 레퍼런스const numbers = [1, 2, 3, 4, 5];const processed = numbers.map(functi..