문자형 String
문자형은 3가지 방법으로 쓸 수 있다.
const name1 = "Sam"; // ""와 ''는 큰 차이가 없다.
const name2 = 'Sam';
const name3 = `Sam`;
특수 문자 사용 방법
const wrong = "I'm a boy."; //에러가 난다.
const right = "I\'m a girl."; // 역 슬래쉬를 넣어주면 특수 문자를 인식한다.
// I'm a girl.
백 틱은 문자 내부의 변수를 표현할 때 사용하기 편리하다.
const name = "Sam";
const sentence = `My name is ${name}.`;
console.log(sentence); // My name is Sam.
숫자형 Number
사칙연산이 가능하다.
const number = 10;
console.log(1+1); // 더하기 //2
console.log(4-2); // 빼기 //2
console.log(1*2); // 곱하기 //2
console.log(4/2); // 나누기 //2
console.log(6%4); // 나머지 //2
//숫자를 0으로 나눌때
const number1 = 1/0;
console.log(number1); //Infinity
//string을 숫자로 나눌때
const name = "Sam";
const number2 = name/2; //NaN (Not a number)
Boolean
const a = true; //참
const b = false; // 거짓
//예시
const name = "Sam";
console.log(name == "Sam"); //true
Null & Undefined
변수를 선언만 하고 아무것도 할당을 안 했을 때
let name;
console.log(name); //undefined
null: 존재하지 않는 값
undefined: 값이 할당되지 않은 것
typeof 연산자
const name = "Sam";
console.log(typeof 2); //number
console.log(typeof name); //string
console.log(typeof true); //boolean
console.log(typeof "apple"); //string
console.log(typeof null); //object
console.log(typeof undefined); //undefined
개발자가 직접적으로 쓸 일이 많지는 않지만 주로 api 통신 등을 받아온 데이터를 type에 따라 데이터를 처리해야 할 때 사용된다.
'프론트엔드 > JavaScript' 카테고리의 다른 글
[자바스크립트] JavaScript 기초 다지기 - 1 (0) | 2022.04.12 |
---|---|
[자바스크립트] querySelector() 와 getElementById()의 차이점 (0) | 2022.03.22 |
[자바스크립트 ] append, prepend, after, before (0) | 2022.03.13 |
[자바스크립트] form, input 이벤트 핸들링 (0) | 2022.03.12 |
[자바스크립트] async와 await를 사용하여 비동기 프로그래밍을 쉽게 만들기 (0) | 2022.03.08 |
댓글