728x90
반응형
변수, 자료형
목차
1. 변수
2. 자료형 (1) 문자형(String) (2) 숫자형(Number) (3) Boolean (4) fypeof 연산자
1. 변수(variable)(變數)
변수란 값이 특정지어지지 않아 임의의 값을 가질 수 있는 문자를 뜻한다.
아래는 변수를 선언하는 방법이다.
name = “이름”;
age = 30;
class = “수업” //사용 불가(class가 예약어)
근데 이렇게 변수선언하는 건 위험하다. 다른 개발자가 덮어쓸 수 있기 때문이다.
name = "가온"
console.log(name); // 가온
name = "코딩"
console.log(name); // 코딩
그래서 사용하는게 let, const이다.
let: 변할 수 있는 값. 다시 선언할 수 있다. 이미 사용하고 있다면 선언 불가하다.
const: 절대로 바뀌지 않는 상수: 수정이 안된다. 대문자로 선언하는 게 좋다.
모든 값을 const로 선언하고 변해야 되는 것만 let으로 선언하는 게 좋다.
변수 이름 규칙
- 변수는 문자와 숫자, $와 _만 사용
- 첫글자는 숫자가 될 수 없다.
- 예약어 사용 불가
- 가급적 상수는 대문자로 선언
- 변수명은 읽기 쉽고 이해할 수 있게 선언
2. 자료형
자료형에는 문자형, 숫자형, boolean이 있다.
(1) 문자형 String
const name = "Mike"; // 문자형 String
const age = 30;
//String을 표현하는 세가지 방법
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}`; // My name is Mike
const message5 = "My name is ${name}"; // My name is ${name} ""의 경우 그대로 출력되므로 주의
const message4 = `나는 ${30+1}살 입니다.`; //나는 31살 입니다.
console.log(message4);
(2) 숫자형 Number
const age = 30; // 숫자형 Number
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 name0 = "Mike";
const c = "나는 ";
const d = " 입니다.";
console.log(c + name0 + d); // 나는 Mike 입니다.
const age2 = 30; // number 숫자형
console.log(c + age2 + "살" + b) // 나는 30살 입니다. -> 숫자형도 문자형으로 변경
// 1/0을 하면?
const x = 1/0; // ???
console.log(x); // Infinity 무한대
// 문자열을 숫자로 나누면?
const name = "Mike";
const y = name/2;
console.log(y); // NaN = Not a number
(3) Boolean 참, 거짓 2가지만 나타내는 자료형이다.
// Boolean 참, 거짓
const a = true; // 참
const b = false; // 거짓
const name1 = "Mike";
const age1 = 30;
console.log(name1 == 'Mike') // true
console.log(age1 > 40) // false
// null 과 undefined
let age3;
console.log(age3) // undefined 변수 값을 선언하지 않고 출력할 경우
let user = null;
console.log(user) // null 변수 값을 null로 선언할 경우(존재하지 않음)
(4) typeof 연산자 - 자료형을 나타낸다.
다른 개발자의 변수 타입을 알아야 하거나, mpi 통신 등을 통해 받아온 데이터를 타입에 따라 다른 방식으로 처리해야 할 때 사용된다.
const name2 = "Mike";
console.log(typeof 3); // number
console.log(typeof name2); // string
console.log(typeof true); // boolean
console.log(typeof "xxx"); // string
console.log(typeof null); // object 객체형 (null은 객체가 아니다. 자바스크립트 초기버전의 오류이지만 수정하지 않는다고한다.)
console.log(typeof undefined); // undefined
참고자료
코딩앙마 - 자바스크립트 기초 강좌 : 100분 완성(https://youtu.be/KF6t61yuPCY)
728x90
반응형
'코딩 공부 > Javascript' 카테고리의 다른 글
[Javascript 기초] switch(스위치) - 가온 코딩 (0) | 2022.08.03 |
---|---|
[Javascript 기초] 반복문(for, while, do while) + break, continue - 가온 코딩 (0) | 2022.08.02 |
[Javascript 기초] 기본, 비교, 논리 연산자, 조건문- 가온 코딩 (0) | 2022.08.02 |
[Javascript 기초] 형변환 - 가온 코딩 (0) | 2022.08.02 |
[Javascript 기초] 메시지가 뜨는 alert, prompt, confirm - 가온 코딩 (0) | 2022.08.02 |