- 자바스크립트에서 데이터를 보관하고 조작하는 방법은 배열과 객체를 다루는 것이다.
- 배열은 가장 많이 사용되는 자료구조이다.
배열의 선언
var a = [];
var a = [1,2,3,"hello", null, true, []];
- new Array() 문으로 선언할 수 있지만, 보통은 간단히 '[]'을 사용한다.
- 배열의 length 속성으로 그 길이를 쉽게 알 수 있다.
- 배열의 원소 추가는 index 번호와 함께 추가할 수 있다.
var a = [4];
a[1000] = 3;
console.log(a.length);
console.log(a[500]);
- push 메서드로 배열의 뒤에 순차적으로 추가할 수 있다.
var a = [4];
a.push(5);
유용한 메서드들
indexOf, join, concat
[1,2,3,4].indexOf(3)
[1,2,3,4].join();
[1,2,3,4].concat(2,3);
스프레드 오퍼레이터
- 배열, 문자열, 객체 등 반복 가능한 객체(iterable object)를 개별 요소로 분리할 수 있다. 연결, 복사 등에 활용하기 좋다.
var arr1 = [1, 2, 3, 4, 5];
var arr2 = [...arr1, 6, 7, 8, 9];
console.log(arr2);
배열 탐색 - forEach, map, filter
- 배열의 순회는 for문을 사용하거나 forEach와 같은 메서드를 사용할 수 있다.
- 함수를 인자로 갖는다.
["apple","tomato"].forEach(function(value) {
console.log(value)
});
var newArr = ["apple","tomato"].map(function(value, index) {
return index + "번째 과일은 " + value + "입니다";
});
console.log(newArr)
- filter은 조건을 만족하는 요소를 모아 새로운 배열로 반환한다.
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
console.log(result);