14. 배열(Array)

Point!
배열 안에 객체 포함 가능
객체 안에 배열 포함 가능
배열 접근법과 객체 접근법 구분해서 알아두자!

배열(Array)

• 순서가 있는 리스트
• 배열은 [ ] 로 묶고 ,로 구분한다.
• 배열의 탐색에는 idx (고유번호)를 사용한다.
  -- idx는 0부터 시작

배열 탐색 방법

// 인원 수 : 30명
let students = ['철수', '영희', ... '영수'];

console.log(students[0]);  // 철수 
console.log(students[0]);  // 영희
console.log(students[29]);  // 영수 

배열 수정 방법

students[0] = '달봉';
console.log(students[0]);  // 달봉 

배열의 특징

• 문자뿐만 아니라 숫자, 객체, 함수 등도 포함할 수 있음
• .length : 배열 요소의 개수 구할 때 사용
• .push(' '): 배열 마지막에 요소 추가
  -- 여러 요소 한 번에 추가 가능
• .pop() : 배열 마지막 요소 삭제
• .unshift(' ') : 배열 가장 앞에 요소 추가
  -- 여러 요소 한 번에 추가 가능
• .shift() : 배열 가장 앞 요소 삭제

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

console.log(students.length);
// 3

students.push('달봉');
console.log(students);
// ["철수","영희","영수","달봉"]

students.push('달봉', '달봉2', '달봉3');
console.log(students);
// ["철수","영희","영수","달봉","달봉","달봉2","달봉3"]

students.pop();
console.log(students);
// ["철수","영희","영수","달봉","달봉","달봉2"]

students.unshift('봉달');
console.log(students);
// ["봉달","철수","영희","영수","달봉","달봉","달봉2"]

students.unshift('봉달2', '봉달3');
console.log(students);
// ["봉달2","봉달3","봉달","철수","영희","영수","달봉","달봉","달봉2"]

students.shift();
console.log(students);
// ["봉달3","봉달","철수","영희","영수","달봉","달봉","달봉2"]

---

배열과 반복문

(1) for

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

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

// 월
// 화
// 수

(2) for ... of

• 객체를 순회하는 for...in 과 혼동X
• 객체 순회 : for ... in / 배열 순회 : for ... of
• for문보다 간단하지만 index를 얻지 못하는 단점이 있음.

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

for (let day of days) {
	console.log(day);
}
// 월
// 화
// 수