[JS] 자바스크립트 기초 _ 자료형

Cherry·2022년 8월 23일
0

JS

목록 보기
2/14
post-thumbnail

✔️문자형 String

변수를 선언할때, 따옴표를 사용할때 "' , 백틱은 무관하다.

✍️ 작성

const name ="Cherry"; //문자형
const age ="23";

const name1 = "Cherry"
const name2 = 'Cherry'
const name3 = `Cherry`

문자내부에 따옴표를 나타내고 싶다면 앞에 / 를 입력해주면 된다.

✍️ 작성

const message = "I'm a student."
const message2 = 'I/'m a student.'

백틱은 문자의 내용을 변수로 표현해줄때 편리하다.

✍️ 작성

const name = "Cherry";
const age = "20";
const message1 = `My name is ${name}.`;
const message2 = `My age is ${20+3}.`;
console.log(message1)
console.log(messsage2) 

💻출력

My name is Cherry.
My age is 23.

변수를 적용할내용을 {}로 묶어주고 앞에 $를 작성해주면 된다.


✔️숫자형 Number

소수점 표현과 사칙연산이 가능하다.

✍️작성

const age = 23; //숫자형
const PI = 3.14; //소수점표현

console.log(1+2); //더하기
console.log(10-3); //빼기
console.log(3*2); //곱하기
console.log(6/3); //나누기
console.log(6%4) //나머지 

💻출력

3
7
6
2
2

값이 무한대라면 결과값은 무한대

✍️작성

cosnt x = 1/0;
console.log(x)

💻출력

Infinity 

문자열을 숫자로 나눈다면 NaN (Not a Number)

✍️작성

const name = "Cherry";
const y ="name/2";
console.log(y)

💻출력

NaN // Not a Number _ 숫자가 아니라는 뜻

✔️ 논리적인 요소를 나타내는 Boolean

True는 참 , False는 거짓을 나타낸다

✍️작성

const a = true; //참
const b = falcse; //거짓 

const name = "Cherry";
const age = "23";

console.log(name == 'Cherry')
console.log(age > 40)

💻출력

true
false   

name이 Cherry로 참이라서 true , age는 23살로 40 이하의 숫자라서 false를 출력한다.

✔️null과 undefined

null은 값이 존재하지 않는다는 뜻을 가지고, undefined은 값이 할당되지 않았다는 뜻을 가진다.

✍️작성

let age;
console.log(age)

💻출력

undefined

변수를 선언만하고 아무것도 할당하지 않는다면 undefined를 출력한다

변수의 자료형을 알아낼수 있는 typeof 연산자

✍️작성

const name = "Cherry";

console.log(typeof 3); //숫자형
console.log(typeof name); //문자형
console.log(typeof true); //boolean형
console.log(typeof "xxx"); //문자형
console.log(typeof null); 
console.log(typeof undfined); 

💻출력

"number"
"string"
"bloolean"
"string"
"object"
"undefined"

변수를 사용하는 개발자가 직접 작성했다면 typeof 연산자를 굳이 쓸 필요는 없겠지만 다른 개발자가 작성한 변수의 자료형을 알아야하거나 ,받아온 데이터를 typeof 연산자를 이용해 변경해야할떄 많이 사용된다.

🚨 null값이 object 로 출력되었는데, 객체가 아니다.

javascript 초기버전의 오류였으나 하위버전 호환을 위해서 수정되지 않았다고 한다.

profile
🍒의 공부공간

0개의 댓글