배열

유튜브 코딩앙마 채널의 '자바스크립트 기초 강좌' 를 공부하며 정리한 내용입니다.

배열은 순서가 있는 리스트입니다. 배열은 대괄호 [] 로 묶어주고 인자들을 쉼표로 구분합니다. 배열안의 순서는 0부터 시작합니다. 탐색할 때 이 순서 번호, 인덱스를 사용합니다.

let students=['철수','영희','영수'] 

console.log(students[0]) // -> 철수
console.log(students[1]) // -> 영희

같은 방식으로 수정도 가능합니다. students[0]='민정' 이렇게 입력하면 0번째 철수가 민정으로 바뀝니다.

배열은 문자 이외의 숫자, 불린, 함수, 객체도 담을 수 있습니다.

let arr = [
	'민수', 
	3,
	false,
	{
		name : 'Mike',
		age : 30,
	}
	function(){
		console.log('TEST');
	}
];

length 는 배열의 길이를 알려줍니다. 배열이 가지고 있는 요소의 갯수를 반환합니다.

push() 는 배열 끝에 요소를 추가합니다.

let days = ['월', '화', '수'];
days.push('목')
console.log(days) // ['월', '화', '수', '목']

pop() 은 배열 끝의 요소를 제거합니다.

let days = ['월', '화', '수'];
days.pop()
console.log(days) // ['월', '화']

shift unshift 는 배열 앞에서 동작합니다. 추가는 unshift 제거는 shift 입니다.

let days = ['월', '화', '수'];

days.unshift('일');
console.log(days) // ['일', '월', '화', '수']
days.shift();
console.log(days) // ['월', '화', '수']

// 여러 요소를 한번에 추가할 수 있습니다.

days.unshift('금', '토', '일');
console.log(days) // ['금', '토', '일', '월', '화', '수']

배열을 쓰는 가장 큰 이유 중 하나는 반복입니다.

반복문 for

let days = ['월', '화', '수'];
for(let index = 0; index < days.lenth; index++){
	console.log(days[index])
}

반복문 for ..of

let days = ['월', '화', '수'];
for(let day of days){
	console.log(day)
}

배열 days 를 돌면서 각 요소를 day 라는 이름으로 접근합니다. for 문보다 간단하지만 index 를 얻지 못하는 단점이 있습니다. day 는 배열 요소를 나타내며 다른 문자로 대체할 수 있습니다.