TIL 2023.05.22

jomok·2023년 5월 22일

TIL typeof연산자 데이터타입 변수종류 비교연산자 좋은개발자 형변환

오늘 공부 계획 및 공부한 내용📝

자바스크립트 1-2주차 강의 듣기! 🔥 코딩테스트 못 품..
특강(양봉현 튜터님)

📍변수 종류: var / let / const

const는 상수 선언하면 값 변경이 안됨!
var과 let은 덮어쓰기 가능!

📍데이터 타입 中

undefined는 값이 할당되지 않은 변수를 의미

let x;
console.log(x); // undefined

null은 값이 존재하지 않음을 의미. undefined와는 다름.

let y = null;

📍자바스크립트, 형 변환

암시적 형 변환 : 일반적으로 연산자 사용할 때 발생되며 자바스크립트에서 자동으로 수행되는 형 변환

더하기 연산자는 ‘문자열’ 따라감
숫자와 문자를 더하니까 암시적으로(자동으로) 문자열로 형 변환
불리언과 문자를 더하니까 문자열로 형 변환
객체{} 나 null, undefined + “문자열” = > 문자열

console.log(1 + "2");   // "12"
console.log("1" + true);   // "1true"
console.log("1" + {});   // "1[object Object]"
console.log("1" + null);   // "1null"
console.log("1" + undefined);   // "1undefined"

다른 연산자는 ‘숫자열’ 따라감
문자열과 다른 데이터 타입이 다른 연산자로 만나면 숫자가 우선 시 된다, 숫자로 변환
이때, 빈 문자열("")이나 공백 문자열(" ")은 0으로 변환된다.

console.log("5" - "2");   // 3
console.log(5 - "2");     // 3
console.log("five" - 2);  // NaN
console.log(2 * "3");     // 6
console.log("6" / 3);     // 2
console.log("7" % 3);     // 1

--> 곱하기, 나누기(/과 %) 연산자도 마찬가지

불리언 변환
Boolean() 함수를 사용하여 불리언 값으로 변환.
이때, 0, 빈 문자열(""), null, undefined, NaN은 false로 변환됩니다. 그 외의 값은 true로 변환된다.

console.log(Boolean(0));   // false
console.log(Boolean(""));   // false
console.log(Boolean(null));   // false
console.log(Boolean(undefined));   // false
console.log(Boolean(NaN));   // false
console.log(Boolean("false"));   // true
console.log(Boolean({}));   // true

명시적 형 변환: 개발자가 직접 자료형을 변환하는 것

()옆에 변환할 타입 적어주기
()안에 변환할 내용 적어주기

console.log(String(123));       // "123"
console.log(String(true));      // "true"
console.log(String(false));     // "false"
console.log(String(null));      // "null"
console.log(String(undefined)); // "undefined"
console.log(String({}));        // "[object Object]"

console.log(Number("123"));   // 123
console.log(Number(""));      // 0
console.log(Number("  "));    // 0
console.log(Number(true));    // 1
console.log(Number(false));   // 0

📍연산자 > 비교 연산자

일치(===)/불일치(!==) 연산자는 값과 자료형까지 비교
작다(<)/크다(>)/작거나 같다(<=)/크거나 같다(>=) 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 숫자로 변환

📍연산자 > typeof 연산자

console.log(typeof 123);   // "number"
console.log(typeof "123");   // "string"
console.log(typeof true);   // "boolean"
console.log(typeof undefined);   // "undefined"
console.log(typeof null);   // "object"
console.log(typeof {});   // "object"
console.log(typeof []);   // "object"
console.log(typeof function(){});   // "function"