JS/기초정리

JS 기초 - 자료형과 형 변환(+ 연산자 조금)

줘니(•̀ᴗ•́)و 2023. 1. 10. 22:52
728x90

1. 자료형

자료형의 종류

java와 다른 점은 정수와 실수를 묶어 number라는 자료형 하나로 쓸 수 있다는 점!

그리고 undefined과 null이라는 개념이 추가되었다.

 

1) String  문자 타입

: 큰따옴표(" "), 작은따옴표(' ') 둘 다 사용가능

 

 

콘솔창에 문자형태로 출력이 된다.

 

2) number 숫자 타입

: 정수와 실수 모두 포함!

 

+) 타입을 알 수 있는 방법

- console창의 글자 색상

(자료형을 유지하려면 '+' 가 아니라 ',' 를 써야 함)

 

- typeof()

 

 

콘솔에는 이렇게 보여진다.

나는 스킨 설정을 어두운 것으로 해놓아서

숫자형태(number)는 보라색, 문자형태(string)는 흰색으로 보여진다.

 

3) boolean 참, 거짓

 

 

4) undefined , null

 

 undefined과 null을 좀 더 쉽게 이해하려면 윗 사진을 보면 된다!

 

- undefined

JS는 데이터를 넣어서 자료형을 결정하는 언어.

→ 아무 데이터를 넣지 않고 선언한다면 undefined 형태가 된다.

 

 

- null

다른 자료형이 들어가 있는 변수에

null을 넣으면 자료형 자체도 초기화가 된다.

 

 

2. 형 변환

1) 문자를 숫자로

(1) 정수형변환 - parseInt('바꿀내용')

(2) 실수형변환 - parseFloat('바꿀내용')

(3) 숫자형변환 - number('바꿀내용')

 

 

 

2) 숫자를 문자로

(1) num.toString(n) → n진법으로 변경이 가능

(2) String(num)

 

 

숫자타입인 보라색으로 표현되는 게 아니라

문자로 형 변환을 하여 문자타입인 흰 색으로 표시된다.

 

 

* 형 변환 실습!

 

 

 

 

 

3. 연산자

달라진 새로운 문법에 대해서만 다루겠다.

 

1) 산술연산자 중 나누기 연산자

 / : 나누기 연산자, 나눈 실제 값(몫 X)

(ex) console.log(100/3)

 

2) 비교연산자(==) / 일치연산자(===)

 

== : 데이터 타입을 검증하지 않고 값만 비교

→ 숫자를 문자로 강제 형변환해서 비교함

 

=== : 데이터 타입, 값을 둘 다 비교(권장사항)

 

console.log(3=='3')일 땐 true가 출력,
console.log(3==='3')일 땐 false가 출력된다.

 

3) 삼항연산자

-공식 : 조건 ? true실행문1 : false실행문2

 

 

confirm을 이용해 입력을 받아 확인(true)이면 '카페갈래?'를

취소(false)면 '저녁 먹을래?'를 출력하게끔 삼항연산자를 작성할 수 있다.

728x90