본문 바로가기
CS공부

JavaScript

by wldusdn 2024. 10. 4.

특징

- 스크립트 언어

- 이벤트 드리븐 방식(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