자바스크립트 | 데이터타입, 연산자

데이터타입

문자열(String)

문자열은 “” 안에 적어주며, 따옴표 안에 적힌 값들은 숫자여도 문자열로 취급됩니다.

 

숫자(Number)

숫자를 나타내는 자료형이며 모든 숫자를 실수로 처리합니다. ❗️ 주의 따옴표 없이 적어주셔야 합니다.❗️

 

불린(Booolean)

true(참), false(거짓)으로 나타내는 자료형

 

undefined

• 반환할 결과 값이 없을 때 undefined는 boolean으로 형변환했을 때 false가 나온다. 
• undefined == false false
• 단, undefined과 false는 같지 않다.
• 변수를 선언했지만 값이 할당되지 않았을 때 자바스크립트 엔진이 암묵적으로 초기화하는 값

null

• 의도적으로 값이 없음을 명시하기 위해 할당하는 값
• null == false; false typeof null; "object" // 버그 (원래는 null이 맞다.)

NaN

not a number이지만 type은 number (그냥 외우기)

 

prompt()

값을 입력받는 대화창이 뜨면 어떤 값이든 입력

 

parseint

정수로 변환

 

infinity

type number

 

---

산술연산자

더하기(+) : “자바”+”스크립트” = “자바스크립트”

빼기(-)

곱하기(*)

나누기(/)

나머지(%) : 나누기하고 남은 수

제곱(2**3) : 제곱 연산자 2의 3 제곱

 

 

비교연산자

=== : 같다 (값뿐 아니라 자료형까지도 같은지 비교)

!== : 같지 않다

<= : 작거나 같다

>= : 크거나 같다

> : 크다

< : 작다

문자열끼리도 비교 가능.(사전순)

• ❗️ 엄격한 동치연산자 실무에서는 위에서 배운 엄격한 동치 연산자인 === 과!==을 사용하셔야 됩니다.
• 비교연산자에는 ==과!= 도 있습니다. 이 두 연산자는 타입은 무시한 채 값만 비교합니다. 다시 말해, 10 == "10"의 결과로 true를 반환합니다. 따라서, 안정성이 떨어질 수 있으므로 실무에서 잘 사용하진 않습니다.

NaN == NaN; 
false 

 

논리연산자

and( && ) 양쪽이 모두 true여야 true를 반환

or( || ) 한쪽만 true여도 true를 반환 ||

부정(! ) 반전시킴! false →true

false인 경우 : false, ‘’(빈문자열), 0, NaN, /undefinde, null(형변환 시)

실수끼리 계산했을 때 부동소수점 오차가 생기는 경우 있음

실수를 정수로 바꿔서 계산한 뒤 다시 실수로 바꾸기

(0.3 * 10 - 0.1 * 10) / 10 
0.2

 

조건부연산자

5 > 0 ? '참입니다' : '거짓입니다'; 

let condition = true;
let value = condition ? '참' : '거짓';

if (condition) {
	value = '참';
} else {
	value = '거짓';
}

//중첩된 조건부 연산 

condition ? (condition2 ? '둘다참' : 'condition만 참') : 'condition 이 거짓';
> 
condition ? 'condition!이 참' : (condition2 ? 'condition2 가 참' : '둘 다 거짓');
> 괄호부분이  거짓.