프로그래밍/Javascript

자바스크립트 기초 강좌 2- 자료형

mimi04 2023. 6. 2. 00:41

<문자형>

㉮ const name1 = "Mike"       //큰 따옴표 

㉯ const name2 = 'Mike'        //작은 따옴표 

㉰ const name3 = `Mike`       //백틱 

 

const message = "I'm a boy.";         //문자 안에 '(작은따옴표)를 사용해야 하는 경우 큰 따옴표로 감싸주면 쉽게 처리

const message2 = 'I\'m a boy.';       //작은따옴표 안에 작은 따옴표를 쓸 때는 바로 앞에 역슬래쉬\를 넣어주면 특수문자로 읽힘

const message3 = `My name is ${name}`;         // 백틱`을 사용하면 문자열 내부 변수를 표현해줄 때 편리. ${}안에 변수   console.log(message3);    →  "My name is Mike" 

**여기서 백틱` 말고 일반 따옴표""를 사용할 시 **

const message3 = "My name is ${name}";

console.log(message3);    →  "My name is ${name}"     // 그대로 변수가 노출되므로 주의!

 

const message4 = `나는 ${30+1}살 입니다.`;          

 console.log(message4);      →   "나는 31살 입니다."

 

-----------------------------------------------------------------------------------------------------------------------------------------------

<숫자형>

const age = 30;
const PI = 3.14;
-------------------------------------------------
console.log(1 + 2);       덧셈
console.log(10 - 3);      뺄셈
console.log(3 * 2);        곱셈
console.log(6 / 3);         나누기
console.log(6 % 4);       나머지

------------------------------------------------------

const x = 1/0;        //1을 0으로 나눈 값

console.log(x);      → Infinity (무한대)

------------------------------------------------------

const name ="Mike";

const y = name/2;       //문자열을 숫자로 나눈 값

console.log(y)           //NaN(==Not a number)

 

**문자열+(숫자)+문자열**

const name ="GangMi";

const a = "나는 ";
const b = " 입니다.";

console.log(a + name + b);    → "나는 GangMi 입니다."

const age = 30;
console.log(a + age + "살" + b);     →"나는 30살 입니다." 

 

 

---------------------------------------------------------------------------------------------------------------------------------------

<Boolean; 참과 거짓>

const a = true;
const b = false;

const name = "Mike";
const age = 30;

console.log(name == 'Mike')       //true
console.log(age > 40)                 //false

 

-----------------------------------------------------------------------------------------------------------------------------------------

<null 과 undefined>

null: 존재하지 않는 값

undefined: 값이 할당되지 않음

 

let age;                          → 변수에 아무런 값을 할당하지 않음.

console.log(age);          → undefined

 

let user = null;         → user는 존재하지 않는 값 

 

-----------------------------------------------------------------------------------------------------------------------------------------

<typeof 연산자>

const name = "Mike";

 

console.log(typeof 3);                   →  "number

console.log(typeof name);            →  "string"

console.log(typeof true);               →  "boolean"

console.log(typeof "xxx");             →  "string"

console.log(typeof null);                →  "object"   //객체형  (null은 객체가 아님.)

console.log(typeof undefined);     →  "undefined"

 

*다른 사람 코드를 읽을 때 어떤 연산자인지 파악할 때 용이 

 

 

 

반응형