JavaScript - 4, 5. 변수와 배열

변수 Variable

프로그래밍에서의 변수는 '하나의 값을 저장할 수 있는 저장공간'입니다.

 

• 값을 저장할 때 사용하는 식별자
• 변수명은 영문, 숫자, _만 사용할 수 있다. (시작은 영문으로 하는게 좋다)
• 총 길이는 255자 이하로 사용한다.

 

변수 선언 방법

var 변수명;
var 변수명 = 100; // 변수의 초기화 (변수를 만들자마자 값을 넣어 둠)
var 변수명, 변수명;

var i; //선언, undefined가 저장됨
var i, sum; // 한 번에 여러가지 변수를 함께 선언할 수 있음


var sum = 0; // 숫자의 선언과 초기화
var a = ''; // 문자의 선언과 초기화
var i = 0, sum = 10, message = "Hello"; // 선언과 초기화를 동시에 해줄 수 있음

＊ 호이스팅 Hoisting : 자바스크립트 코드는 함수 안에 있는 모든 변수를 함수 맨 꼭대기로 끌어올린 것처럼 동작한다.

＊ Scope 공부 필요

 

 

추가 된 EMS 6 문법 let, const

EMS 6 에는 변수를 선언하는 새로운 문법 2가지가 추가됐다.

 

＊ var 변수 = 초기값;

범위 (지역/전역) : 함수, 재선언 가능 / 재할당 가능

- 재선언이 가능하기 때문에 변수값이 변경될 수 있다.

 

＊ let 변수 = 초기값;

범위(지역/전역) : 블럭 ({}), 재선언 불가능/재할당 가능

 

＊ const 변수 = 초기값; // 상수(바뀌지 않는 수)

범위 (지역/전역) : 블럭 ({}), 재선언불가능 / 재할당 불가능

변수 선언 시 초기값을 꼭 대입하여 사용. ex)const pi=3.4145926535;

 

	범위 scope	재선언	재할당	비고
var	function	○	○
let	모든 블럭 ({});	X	○	재선언 시 에러
const	모든 블럭 ({});	X	X	변수 선언 시 초기값 필수

 

 

---

 

 

배열 Array

• 변수들의 묶음이다.
• 배열의 방의 개수를 언제든지 추가, 삭제 할 수 있다. (가변형태)
• 한번에 여러개의 변수를 선언할 수 있다.

 

배열 선언 방법

// 배열 생성 (빈 배열)
var arr = [];

arr[0] = 'zero';
arr[1] = 'one';
arr[2] = 'two';

for (var i = 0; i < arr.length; i++){
	console.log(arr[i]);
}

// 배열 생성 (초기 값 할당)
var arr = ['zero', 'one', 'two'];

for (var i = 0; i < arr.length; i++){
	console.log(arr[i]);
}

// 배열 생성 (배열 크기 지정)
// 쉼표 개수만큼 크기가 저장된다.
var arr = [,,,];

for (var i = 0; i < arr.length; i++){
	console.log(arr[i]);
}

// 값이 할당되지 않아서 undefined 3번 출력

 

Array() 생성자 함수로 배열을 생성하는 방법

// 배열 생성 (빈 배열)
var arr = new Array();

arr[0] = 'zero';
arr[1] = 'one';
arr[2] = 'two';

for(var i = 0; i < arr.length; i++){
	console.log(arr[i]);
}

// 배열 생성 (초기 값 할당)
var arr = new Array('zero', 'one', 'two');

for(var i=0; i<arr.length; i++){
	console.log(arr[i]);
}

// 배열 생성 (배열 크기 지정)
// 원소가 1개이고 숫자인 경우 배열 크기로 사용됨
var arr = new Array(3);

for(var i=0; i<arr.length; i++){
	console.log(arr[i]);
}

// 값이 할당되지 않아서 undefined 3번 출력

 

 

참고 :)

https://gent.tistory.com/294