| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- Dialog
- 코틀린
- 옵션메뉴꾸미기
- toolkit
- framework
- Node
- 리액트
- 안드로이드
- react
- hoos
- nodejs
- Redux
- Menu
- readAsDataURL
- Hooks
- JS
- redux/toolkit
- ContextAPI
- Android
- custom
- JavaScript
- itemBackground
- javaSrcript
- 메뉴클릭
- 팝업메뉴 꾸미기
- 팝업메뉴
- 자바스크립트
- 커스텀옵션메뉴
- bottomNav
- state_checked
- Today
- Total
목록JavaScript (2)
대기업을 향한 디벨롭 블로그
filter 함수를 이용하여 배열안에 객체를 끄집어내어 보자. 먼저 objData라는 배열을 하나 만들어주었다. 사용할 데이터이다. 바로 데이터에 filter함수를 적용시켜보면 배열요소를 하나하나씩 돌면서 콜백함수안에있는 코드를 실행한다. 첫번째요소 : element(요소)는 배열안에있는 하나의 요소를 출력한다. 두번째요소 : index(0부터~array.length) 0부터 숫자를 출력한다. 잘 출력되는걸 볼 수 있다. 이제 여기서 return을 사용하여 데이터를 뽑아보자. 먼저 이름이 ari인 데이터만 뽑아보자. filter된 데이터는 newData라는 변수에 담아준다. objData가 array형태이기때문에 newData또한 array형태이다. return에서 조건문을 달아주는데 조건이 true라면..
예제를 통해 정렬함수를 알아보자. 숫자 데이터 정렬 배열안에 있는 숫자들을 정렬해보겠다. ✺여기서 문제는 그냥 arrData.sort() 해주면 안된다. sort() 함수만 호출했을경우 문자열 형태를 비교하게되어 숫자는 정렬되지않는다. sort()함수안에 콜백함수를 인자로 넣어 return을 해준다. a , b가 배열안에있는 데이터들이 차례대로들어와서 비교를하게된다. a - b에서 위 데이터로 비교를하면 맨처음 a=4 , b=3이온다. a-b를 해주면 1이나온다. a가 더 크기때문에 a는 뒤로밀리게되며 a와 b의 자리가 바뀔 것이다. 이런형태이다. 그렇다면 내림차순정렬은 어떻게할 것 인가? 정말 간단하다 오름차순정렬을 return a-b를 했다면 return b-a를 해준다면 서로의값이 달라지며 위치도 ..