Meiren

[Javascript] 기본 - 배열(Array) 본문

GTM(구글태그매니저)

[Javascript] 기본 - 배열(Array)

meiren 2023. 4. 10. 17:26

1. 배열 의미

순서가 있는 리스트

숫자, 객체, 함수, 문자 모두 포함 가능함

 

2. 대표 기능

- length : 배열 길이

- push() : 배열 끝에 요수 추가

- pop() : 배열 끝에 요수 제거

- shift, unshift : 배열 앞에 제거/ 추가, 여러 요소 한번에 가능

 

2-1. 요소 변경

elt days = ['mon', 'tue', 'wed'];
days[1] = '화요일'
console.log(days);            // ['mon', '화요일', 'wed']

2-2. 배열의 길이

elt days = ['mon', 'tue', 'wed'];
days[1] = '화요일'
console.log(days.lenghth);            // 3

 

 

3. 반복문 for

let days = ['mon', 'tue', 'wed'];

for(let index = 0; index < days.length; index++){
	console.log(days[index])
}
let days = ['mon', 'tue', 'wed'];

days.unshift('sun')
days.push('thu')


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


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

 

3-2. for of
for in(객체를 순회해서 존재여부확인) 과 다름 유의 : for of

days를 돌면서 요소를 day라는 이름으로 접근할 수 있다. 

장점 : for 문보다 간단함

단점 : index를 얻을 수 없다.

let days = ['mon', 'tue', 'web']

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