일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- redux toolkit
- first-child
- 블럭요소
- JavaScript
- 카우치코딩
- 콜백함수
- line-through
- redux 사용방법
- React state
- javascript코딩테스트
- JSON
- couchcoding
- useSearchParams
- javascript React
- react redux
- Redux
- 자바스크립트배포
- Redux store
- useParams
- 협업프로젝트
- sort
- react
- 6주포트폴리오
- 인라인블럭
- useEffect
- 자바스크립트
- foreach
- toString
- React onClick
- db.json
- Today
- Total
목록컴퓨터 정보 (332)
개발하는 루루언니
filter 함수는 배열의 요소를 순회하면서 콜백 함수를 사용하여 원하는 조건에 따라 필터링 하는 함수 입니다. // 필터링할 배열 const num = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // 개발자가 직접 작성한 콜백 함수 function isEven(value) { return value % 2 === 0; // 짝수인 경우 true 반환 } // 배열의 요소를 순회하면서 필터링된 배열로 반환 const result = num.filter(isEven); console.log(result); // 출력: [2, 4, 6, 8, 10] 1. num 에는 1 부터 10 까지의 숫자가 들어가져 있는 배열이 있다. 2. isEven 이라는 함수를 만들었다 ( 콜백함수로 쓰일 예정) ..
★forEach ⭐️ foreach 는 map 과 달리 새로운 배열을 반환하지 않고 원본 배열에서 순회하면서 수정하는 방식이다. (간략한 코드에서 사용하면 좋다) 📕 예제 1 💡배열 요소들을 문자열로 변환하여 새로운 배열 생성하기 const names = ['Alice','Bob','Charlie']; const greetings = []; names.forEach(function(name) { greetings.push(`Hello, ${name}`); // 배열 끝에 값 추가하기 }); console.log(greetings); // 출력 ['Hello , Alice!', 'Hello, Bob!', 'Hello, Charlie'] 📕 예제 2 💡 모든 사람의 나이를 5살씩 증가시킴 const peop..
⭐️ 개념 map () 함수는 배열을 순회하며 지정된 콜백 함수를 적용하여 각 요소를 변환하고 , 그 변화된 값을 모아서 새로운 배열로 반환하는 역할을 수행한다. 📕 예제 💡 - 숫자 배열을 받아 각 숫자를 두배로 만들어 새로운 배열을 생성하는 map() 함수의 사용 예 이다. const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map(function(number) { return number * 2; // 매핑된 결과를 새로운 배열로 반환 }); console.log(doubledNumbers); // 출력: [2, 4, 6, 8, 10] 📕예제 2 💡 - 배열에 있는 각 문자열을 소문자로 변환하여 새로운 배열을 생성하는 경우 map() 함..