배열, 배열 반복문
본문 바로가기

Frontend/모던자바스크립트

배열, 배열 반복문

https://ko.javascript.info/array

 

배열

 

ko.javascript.info

 

객체 vs 배열

둘다 자료구조이고 키를 사용해 식별할수 있는 값을 담은 컬렉션은 객체로 저장,

만약 순서가 있는 컬렉션이 필요할때는 배열로 저장해야함,

배열은 새로운 프로퍼티를 기존 프로퍼티 사이에 끼워넣는 것도 가능

 

빈 배열 선언

//방법1
let arr = new Array();

//방법2
let arr = [];

방법 2를 주로 쓴다고한다. 이때 대괄호 안에 초기요소를 넣어주는것도 가능하다.

let fruits = ['apple', 'orange', 'mango']

배열내 순서를 통해 요소 수정과 새로운 요소 추가가 가능.

alert(fruits[0])//apple
fruits[1] = 'pear'
fruits[3] = {'vegetable':'tomato'}//요소의 자료형엔 제약이 없다
alert(fruits)//['apple','pear','mango',{vegetable:'tomato'}]

큐 vs 스택

이 자료구조들은 배열의 처음이나 끝에 요소를 더하거나 빼는데 사용된다.

 

큐(queue)는 배열을 사용해 만들수있는 대표적인 자료구조로

배열과 마찬가지로 순서가있는 컬렉션을 저장하는데 사용한다.

선입선출(First-In-First-Out,FIFO) 자료구조라 불린다.

push(맨끝에 요소를 추가)하고 shift(제일 앞요소를 제거해 남아있는요소를 밀어준다) 먼저들어간애가 먼저나온다~

 

배열은 스택(stack)이라 불리는 자료구조를 구현할 때도 쓰인다.

후입선출(Last-In-First-Out, LILO)이라 불린다.

배열 마지막 push(요소를 스택끝에 집어넣는다) pop(스택끝 요소를 추출한다) 나중에 집어넣은 요소가 먼저나온다~

 

배열 반복문

//방법1
let arr = ['apple','banana','mango']
for(let i = 0; i<arr.length; i++){
	alert(arr[i])
}

//방법2
for(let fruits of arr){
	alert(fruits)
}

//방법3 배열은 객체형에 속하므로 이방법이 가능하다
for(let key in arr){
	alert(arr[key])
}

 

반응형