[RN.개발일지] 6. 자바스크립트 3-2(배열메서드)

배열 메서드

1. map() : 배열의 각 요소에 (괄호)안에 있는 함수를 실행시켜서 새 배열로 반환. 

이렇게 {return num * 2} 리턴문을 써도 되지만 수식이 단순할때는 생략해서 num * 2로 표현한다. 

 

내가 지정한 값만 변경해서 반환하기도 가능

 

이렇게 ...(스프레드연산자)를 이용해 기존 객체를 수정하지않고 새로운 객체 2배수로 반환한다.

({...item, 속성: 새로운 값}) <- 공식느낌이네..

 

2. filter() : 조건을 만족한 요소들만 새 배열로 반환

 

다음은 소수를 필터링하는 재미있는 예제다. 

(소수, 자신과 1외에는 나누어 떨어지지 않는 수)

 

소수를 구하는 함수를 필터메서드 안에 대입시키면 소수를 구할 수 있다!

 

3. reduce() : 배열의 모든 요소를 하나로 줄인다는 뜻.

배열을 순회하며, 누적된 값을 계산

 

특정 값만 수정할때

 

중첩 배열 펼치기

reduce 뒤에 ,[ ] 이것은 초기값을 배열로 하겠다는 뜻.

 

배열을 객체로 바꿀때 

객체(바나나, 애플등)의 키가 중복되는 경우 값이 1씩 증가한다. 

acc[fruit]가 이미 있으면 그 값을 사용, 값이 없으면 || 뒤에 값인 0을 사용! 

 - 자바스크립트에서 거짓으로 판별되는값 (undefined, null, 0, false, ''(빈문자열), NaN(숫자아님)

 

4. forEach() 배열의 각 요소에 대해 주어진 함수를 실행

5. find()  조건을 만족하는 첫 번째 요소를 반환

6. some() / every() 조건을 빠르게 확인할 때. 

7. push() / pop() / shift() / unshift() 배열에 요소를 추가하거나 삭제할때

8. concat() 두개 이상의 배열을 합쳐 새로운 배열을 만들때

9.1 slice() / 배열의 일부분을 추출해 새로운 배열로 반환(잘라내기/붙여넣기 느낌). 원본 배열 그대로.

9.2 splice() / 배열의 특정 요소를 제거하거나 추가. 원본 배열이 변경.

10. sort() 배열을 정렬- 문자열이나 숫자(오름,내림차순)

 

추가 구문!

11. try ... catch

의도적으로 에러를 만들어내고 그것을 컨트롤해주는 구문이다.

 

try문 안에서 throw로 에러를 던지고 던져진 에러를 

catch문에서 잡아준다. 

마지막으로 finally 에서는 에러가 있던지 없던지 해당 문장을 실행시켜준다. 

 

에러를 겁먹지 말자!! 의도적으로 에러를 만들기도 하는구만!! 아주 매력적이다.