JavaScript - 데이터 타입, 연산자

🤍데이터 타입

|데이터 타입의 종류

• 자바스크립트의 모든 값은 특정한 데이터 타입을 가짐
• 크게 원시타입(Primitive type)과 참조타입(Reference type) 으로 분류
•  

 

원시 타입(Primitive type)	참조 타입(Reference type)
객체(object)가 아닌 기본 타입	객체(object)타입의 자료형
변수에 해당 타입의 값이 담김	변수에 해당 객체의 참조 값이 담김
다른 변수에 복사할 때 실제 값이 복사됨	다른 변수에 복사할 때 참조 값이 복사됨

|원시타입의 undefined타입과 null타입 비교

 

undefined	null
빈 값을 표현하기 위한 데이터 타입	빈 값을 표현하기 위한 데이터 타입
변수 선언 시 아무 값도 할당하지 않으면, 자바스크립트가 자동으로 할당	개발자가 의도적으로 필요한 경우 할당
typeof 연산자의 결과는 undefined	typeof 연산자의 결과는 object

🤍연산자

할당 연산자

let x=0

x+=10
console.log(x) //10

x--=3
console.log(x)//7

x*=10
console.log(x) //70

x /= 10
cosole.log(x) //7

x++ //+=연산자와 동일
console.log(x) //8

x-- //-=연산자오 ㅏ동일
console.log(x) //7

비교 연산자

const numOne = 1
const numTwo = 100
console.log(numOne<numTwo) // true

const charOne = 'a'
const charTwo = 'z'
console.log(charOne>charTwo) //false

동등 비교 연산자 (==)

• 두 피연산자가 같은 값으로 평가되는지 비교 후 boolean 값을 반환
• 비교할 때 암묵적 타입 변환을 통해 타입을 일치시킨 후 같은 값인지 비교
• 두 피연산자가 모두 객체일 경우 메모리의 같은 객체를 바라보는지 판별
• 예상치 못한 결과가 발생할 수 있으므로 특별한 경우를 제외하고 사용하지 않음

const a = 1004
const b = '1004'
console.log(a==b) //true

const c = 1
const d = true
console.log(c==d) //true

console.log(a+b) //10041004
console.log(c+d) //2

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

• 두 피연산자가 같은 값으로 평가되는지 비교 후 boolean 값을 반환
• 엄격한 비교가 이뤄지며 암묵적 타입 변환이 발생하지 않음 •엄격한 비교: 두 비교 대상의 타입과 값 모두 같은지 비교하는 방식
• 두 피연산자가 모두 객체일 경우 메모리의 같은 객체를 바라보는지 판별

const a = 1004
const b = '1004'
console.log(a===b) //false

const c = 1
const d = true
console.log(c===d) //false

논리 연산자

• 세 가지 논리 연산자로 구성 • and 연산은 ‘&&’ 연산자를 이용 • or 연산은 ‘||’ 연산자를 이용 • not 연산은 ‘!’ 연산자를 이용
• 단축 평가 지원 • ex) false && true => false • ex) true || false => tru

삼항 연산자(Ternary Operator)

• 세 개의 피연산자를 사용하여 조건에 따라 값을 반환하는 연산자
• 가장 왼쪽의 조건식이 참이면 콜론(:) 앞의 값을 사용하고 그렇지 않으면 콜론(:) 뒤의 값을 사용
• 삼항 연산자의 결과 값이기 때문에 변수에 할당 가능 • (참고) 한 줄에 표기하는 것을 권장

console.log(true?1:2) //1
console.log(false?1:2) //2

const result = Math.PI > 4? 'yes':'no'
cosole.log(result) //no