본문 바로가기

Web/JavaScript

[JS] 형변환, 기본연산

728x90

형변환

String() - 문자형으로 변환
Number() - 숫자형으로 변환
Boolean() - 논리형으로 변환

 

형변환이 필요한 이유?
문자 + 문자 = 문자형
숫자 + 숫자 = 숫자형
문자 + 숫자 = 문자형과 같이 원하지 않는 형변환 발생

const mathScore = prompt("수학 몇점?");
const engScore = prompt("영어 몇점?");
const result = (mathScore + engScore) / 2;

console.log(result);


입력 시 이상한 값 발생

prompt로 입력받은 값은 문자형으로 들어오게 됨
(문자형 / 숫자형) 시 숫자형으로 자동변환됨
의도를 가지고 원하는 타입으로 변환시키는것을 명시적 형변환이라고 함

String()

String(3)
String(true)
String(false)
String(null)
String(undefined)

Number()

Number("1234")
Number("abcd")입력시 NaN발생
Number(true)  > 1
Number(false)  > 0
Number(null)  > 0
Number(undefined) > NaN

Boolean()

false로 표현되는 형태
- 숫자 0
- 빈 문자열""
- null
- undefined
- NaN

이 외 나머지는 true로 표현

Boolean(0)  > false
Boolean('0')  > true

Boolean('')  > false
Boolean(' ')  > true


기본연산자

+ - * / %
거듭제곱 **

우선순위
*             /           >             +          -

몇몇 연산자는 줄여서 쓸 수 있음

num = num + 5;
num += 5;


두 식은 같은 식
다른 연산자들도 동일하게 적용 가능

증가연산자, 감소연산자
let num = 10;
num++; 또는 num--;
연산자를 앞에 쓰고 뒤에 쓰고에 차이가 있음

++num; num++;
뒤에 적을 시 증가키기 전 값 출력 앞에 적을 시 증가시킨 값 출력

728x90

'Web > JavaScript' 카테고리의 다른 글

[JS] 반복문, Switch  (0) 2024.01.30
[JS] 논리연산자  (0) 2024.01.30
[JS] 비교연산자, 조건  (1) 2024.01.26
[JS] 대화상자(alert, prompt, confirm)  (0) 2024.01.26
[JS] 변수와 자료형  (1) 2024.01.26