[JS] 바닐라 JS로 크롬앱 만들기 - 기초(1)

목차
1. const & let
2. null & undefined
3. array

 

console.log(값)

· 콘솔에 값을 출력

 

const & let

---

변수를 만드는 2가지 방법

1. const

2. let

 

const

· 상수

· 선언 후 변수의 값을 변경 불가

const a = 1;
// a = 2; 에러 발생

 

let

· 선언 후 변수의 값을 변경 가능

let a = 1;
a = 2; // 변수의 값 변경

 

 

** 변수를 만들 때 

· 항상 const 사용

· 필요할 때만 let 사용

· var는 절대 사용X

 

 

** 변수 이름 정하는 법

· 공백 불가

· 소문자로 작성

· 여러 단어로 구성된 경우 -> 다음 단어의 첫 문자를 대문자로 작성

 

 

null & undefined

---

null

· 변수에 null이 할당된 것 -> 값은 있는데 '비어있음'이다.

const a = null;

 

undefined

· 변수를 선언했지만 값이 할당되지 않은 것 

const b;

 

=> null은 절대 자연적으로 발생하지 않는다.

 

 

Array

---

배열 생성하기

1. 시작과 끝에 대괄호 사용

2. 각 항목은 쉼표로 구분 

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

 

항목 접근하기

· 인덱스로 접근(인덱스는 0부터 시작) 

dayOfWeek[4]; //"fri"

 

항목 추가하기

· 배열이름.push(값)

· 배열 끝에 항목을 추가

dayOfWeek.push("sun");

 

항목 수정하기

· 배열이름[인덱스] = 값;

 

 

** 상수로 선언된 변수에 배열 할당

· 변수는 할당한 배열 값이 들어있는 메모리 주소를 참조

· 변수에 재할당/수정하는 것이 아닌 참조하는 배열의 값을 수정/추가/제거하는 것

=> 변수 자체에는 영향X