특징
- 스크립트 언어
- 이벤트 드리븐 방식(event-driven): 이벤트에 반응에 동작을 변경하거나 수행하는 방식
- 동적 타이핑: 변수 선언이 아닌 대입하는 시점에 자료형이 결정됨
| 스크립트 언어 | 컴파일 언어(기계어로 변환) |
| 런타임에 코드가 해석되고 실행됨 | 컴파일을 통해 소스코드가 해석되고 실행가능한 형태로 변환됨 |
문법
- 형변환
1. 명시적 형변환
문자열: String(), toString(), `${num}`
숫자: Number(), parseInt(), parseFloat(), +str
불리언: Boolean(), !!
2. 암시적 형변환
문자열: 문자열이 아닌 값에 문자열을 더해 변환 ex) num+""
숫자: 문자열이 수학 연산에 사용되면 숫자로 변환
- Map
배열의 각 요소를 변환해 새 배열을 생성
const newArray = array.map(callback(currentValue, index, array));
const squared = numbers.map(num => num * num); 이런 식
- Filter
배열의 요소를 조건에 따라 필터링하여 새로운 배열을 만듦, 조건을 만족하지 않으면 제거됨
const filteredArray = array.filter(callback(currentValue, index, array));
-Reduce
배열의 모든 요소를 순회하면서 누적값을 계산하거나 배열의 내용을 하나의 값으로 축약
array.reduce(callback, initialValue);
const product = numbers.reduce((acc, curr) => acc * curr);
| 특징 | map | filter | reduce |
| 목적 | 배열의 각 요소를 변환해 새로운 배열 생성 | 조건을 만족하는 요소만 포함하는 새로운 배열 생성 | 배열을 순회하며 단일값(숫자, 문자열, 객체 등)을 누적해서 반환 |
| 콜백반환값 | 새 배열의 요소값 | true(포함) 또는 false(제외) | 누적된 결과값 |
| 새배열반환 | 예 | 예 | 아니요(단일 값) |
'CS공부' 카테고리의 다른 글
| 변수 (0) | 2024.10.07 |
|---|---|
| 선택자 (1) | 2024.10.04 |
| MPA vs SPA (0) | 2024.10.04 |