- 변수는 '변할수 있는 수', '변할 수 있는 정보'라는 뜻.
변할 수 있는 값을 저장하기 위해 사용.- 상수는 변하지 않는 값을 저장하기 위해 사용.
변수와 상수를 정의할 때는 다음과 같은 규칙을 따른다.
- 첫 글자는 영문자, $, _만 사용가능.
- 첫 글자 이외에는 영문자 $, _, 숫자만 사용가능.
- 영문자의 소문자와 대문자를 구분함. (a와 A는 다른 변수)
- 자바스크립트의 예약어는 사용할 수 없음. (예:
const
,let
등)- 공백 문자 포함할 수 없음.
const myAge = 26;
let myName = 'yeji';
var myJob = 'Frontend Dev';
이런 식으로 const
, let
, var
를 사용해서 변수 및 상수를 생성할 수 있음.
typeof 'hello world' // String
typeof 100 // Number
typeof NaN // Number
typeof true // Boolean
typeof undefined // undefined
typeof Symbol() // Symbol
typeof null // Object
typeof [] // Object
typeof {} // Object
typeof function () {} // function
typeof /정규표현식/gi // Object
- 정수 및 부동 소수점 숫자를 나타냄
- NaN
NaN
도 Number 데이터 타입. (Not a Number)const a = Number('26');
- 작음따옴표나 큰따옴표로 둘러싼 것.
- 순서가 있는 자료형 (시퀀스형)
- 순서는 0부터 시작하고 띄어쓰기도 문자로 포함.
- 해당 순서를 index라고 부름.
- index로 호출하는 것을 indexing 이라고 함.
true
또는false
를 값으로 가지는 논리 타입.- 참 또는 거짓을 의미하는 값을 나타냄.
값이 (존재하지 않음)을 나타냄
값이 아직 지정되지 않았음을 나타냄
- 데이터 타입의 집합.
- index를 사용해 순차적으로 접근할 수 있는 데이터 타입
// 배열을 선언하는 다양한 방법
// let 과일 = ['사과', '수박', '복숭아', '딸기', '바나나'];
// let 과일 = new Array(5);
let 과일 = new Array('사과', '수박', '복숭아', '딸기', '바나나');
document.write(`${과일} <br>`);
document.write(`${과일[0]} <br>`);
document.write(`${과일[2]} <br>`);
- 여러 종류의 데이터 타입의 집합.
- 각각의 요소는 key와 값으로 구성.
- 키와 값의 쌍을 property라고 부름.
- property의 값에 접근하기 위해서는
.
점 표기법 또는['']
대괄호 표기법을 사용
let person = {
//key: value
name: '정예지',
age: 10,
}
document.write(`제 이름은 ${person.name} 입니다.<br>`);
document.write(`제 이름은 ${person['name']} 입니다.<br>`);
📚참고
멋쟁이사자처럼 프론트엔드 2기 교안
자바스크립트 ES6+ 독학백서
수업이 끝나자마자 정리하시다니..!!
역시 정리하면 예지님!! 최고~!~!👍👍👍