반응형
배열
학생 관리와 같은 순서가 있는 데이터를 관리할 때 학생 개개인을 개별 변수로 만드는 것은 비효율적이다.
변수명도 기억해야 하고, 학생 수도 파악하기에는 어렵다.
이러한 상황에서 순서가 있는 리스트를 효율적으로 관리하기 위해 배열을 사용한다.
배열은 여러 데이터를 묶어주고, 번호(인덱스)를 이용해 하나씩 접근하거나 수정할 수 있게 해준다.
배열?
배열은 순서가 있는 리스트로 생각할 수 있다
EX) 1번 철수, 2번 영희
let students = ['철수', '영희',... '영수']
- 배열은 []로 묶이며 , (쉼표)로 구분한다.
- [] 안에 있는 값들을 인덱스라고 하며 0번부터 시작한다
ex) 철수는 인덱스 0, 영희는 인덱스 1...
배열의 특징
- 배열은 숫자뿐만 아니라 문자, 객체, 함수 등 다양한 데이터 유형을 포함할 수 있다.
let arr = [ '민수', 3 ,false, {name :'Mike', age:30}, function() { console.log('Test'); }];
- 배열의 길이는 length 키워드를 통해 구할 수 있다.
let student = ['철수', '영희', ...'영민'] // 30명이라고 가정
stdents.length // 30
배열의 메서드
push()
배열의 제일 뒤에 요소를 추가한다.
let days = ['월', '화', '수'];
days.push('목');
console.log(days) // ['월', '화', '수', '목']
pop()
배일의 제일 끝에 있는 요소를 제거한다.
let days = ['월', '화', '수'];
days.pop();
console.log(days) // ['월', '화']
unshift()
배열 제일 앞에서 요소를 추가한다.
let days = ['월', '화', '수'];
days.unshift('일');
console.log(days) // ['일', '월', '화', '수']
// 여러 개 삽입 가능
days.unshift('금', '토', '일');
console.log(days) // ['금', '토', '일', '월', '화', '수']
shift()
배열 제일 앞에서 요소를 제거
let days = ['월', '화', '수'];
days.shift();
console.log(days); // ['화', '수']
배열의 반복
length를 통해 배열의 길이를 알기 때문에 for문을 이용해 반복문을 만들 수 있다.
let days = ['월', '화', '수'];
for(let index = 0; index<days.length; index++) {
console.log(days[index]);
}
또한 배열은 for ... of를 통해 반복문을 만들 수 있다.
let days = ['월', '화', '수'];
for(let x of days) {
console.log(x)
}
- 개체를 순서대로 하나씩 가져올 때 사용
- 배열대신 요소를 변수 이름으로 바로 접근 가능
- 간단하지만 인덱스(순서번호)를 얻을 수 없다
반응형
'JavaScript > 기초' 카테고리의 다른 글
| # 11 객체 (Object) (0) | 2026.01.07 |
|---|---|
| #10 함수 표현식과 화살표 함수 (0) | 2026.01.07 |
| #9 함수 (1) | 2026.01.07 |
| #8 반복문 (0) | 2026.01.06 |
| #7 논리연산자 (0) | 2026.01.06 |