[JavaScript] 기초 #14 - 배열(Array)

 

배열(Array): 순서가 있는 리스트

 

배열의 특징

-         배열은 문자 뿐만 아니라 숫자, 객체, 함수 등도 포함할 수 있다.

let arr = [
	‘baby’, //문자열
    
	1004, //숫자
    
	true, //불린
    
	{
		name: ‘angel‘,
		age: 20
	}, //객체
    
	function() {
		console.log(‘hello’);
	} //함수
];

 

 

length: 배열의 길이

students.length;

 

push(): 배열 끝에 추가

let days = [‘월’, ‘화’, ‘수’];

days.push(‘목’);

console.log(days); //[‘월’, ‘화’, ‘수’, ‘목’] 출력

 

pop(): 배열 끝 요소 제거

let days = [‘월’, ‘화’, ‘수’];

days.pop();

console.log(days) //[‘월’, ‘화’] 출력

 

shift(): 배열 앞에 제거 / unshift(): 배열 앞에 추가

 let days = [‘월’, ‘화’, ‘수’];

days.unshift(‘일’);

console.log(days) //[‘일’, ‘월’, ‘화’, ‘수’] 출력

days.shift();

console.log(days) //[‘월’, ‘화’, ‘수’] 출력

   

※      push()와 unshift()는 쉼표를 사용하여 여러 요소를 한 번에 추가할 수 있음

 

 

반복문: for

let days = [‘월’, ‘화’, ‘수’];

for(let index=0; index<days.length; index++) {
	console.log(days[index]); 
}

//“월” 
//“화” 
//“수” 출력

 

 

반복문: for … of

let days = [‘월’, ‘화’, ‘수’];

for(let day of days) {
	console.log(day); 
}

//“월” 
//“화” 
//“수” 출력

 

※      for … in 도 사용할 수는 있지만 장점보다 단점이 많기 때문에 배열에서는 for… of를 사용하자.

※      for문보다 간단하지만 index를 못 얻는다는 단점이 있다.

 

 

 

↓[코딩앙마] 자바스크립트 기초 강좌 링크

https://www.youtube.com/watch?v=z2d3cHX1eZg