https://ko.javascript.info/array
객체 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) 자료구조라 불린다.
배열은 스택(stack)이라 불리는 자료구조를 구현할 때도 쓰인다.
후입선출(Last-In-First-Out, LILO)이라 불린다.
배열 반복문
//방법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])
}
반응형
'Frontend > 모던자바스크립트' 카테고리의 다른 글
Javascript class example (0) | 2022.05.17 |
---|---|
배열함수 총정리 forEach(), Map(), filter() 등등 (0) | 2021.11.09 |
자료구조와 자료형 Object.keys, values, entries (0) | 2021.09.20 |
객체와 배열 구조분해할당(destructuring) (0) | 2021.09.20 |
객체의 모든것 (0) | 2021.07.15 |