자바스크립트 배열

최준영·2021년 9월 24일
0
post-custom-banner
  • 자바스크립트에서 데이터를 보관하고 조작하는 방법은 배열과 객체를 다루는 것이다.
  • 배열은 가장 많이 사용되는 자료구조이다.

배열의 선언


var a = [];
//배열 안에는 모든 타입이 다 들어갈 수 있다. 함수도 배열 안에 배열도, 배열 안에 객체도 들어갈 수 있음.
var a = [1,2,3,"hello", null, true, []];
  • new Array() 문으로 선언할 수 있지만, 보통은 간단히 '[]'을 사용한다.
  • 배열의 length 속성으로 그 길이를 쉽게 알 수 있다.
  • 배열의 원소 추가는 index 번호와 함께 추가할 수 있다.
var a = [4];
a[1000] = 3; // a[1000]에 3이 추가되고 그 사이에는 undefined로 채워진다.
console.log(a.length); 
console.log(a[500]);
  • push 메서드로 배열의 뒤에 순차적으로 추가할 수 있다.
var a = [4];
a.push(5); // a = [4, 5]

유용한 메서드들

indexOf, join, concat

//배열의 원소에 특정 값이 들어 있는지 확인할 수 있다.
[1,2,3,4].indexOf(3) //2

//배열의 문자열로 합칠 수 있다.
[1,2,3,4].join(); //"1,2,3,4" 

//배열을 합칠 수 있다. 원래 배열은 그대로 있고 새로운 배열을 반환한다.
[1,2,3,4].concat(2,3);  //[1,2,3,4,2,3]

스프레드 오퍼레이터

  • 배열, 문자열, 객체 등 반복 가능한 객체(iterable object)를 개별 요소로 분리할 수 있다. 연결, 복사 등에 활용하기 좋다.
var arr1 = [1, 2, 3, 4, 5]; 
var arr2 = [...arr1, 6, 7, 8, 9]; 
console.log(arr2); // [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

배열 탐색 - forEach, map, filter

  • 배열의 순회는 for문을 사용하거나 forEach와 같은 메서드를 사용할 수 있다.
  • 함수를 인자로 갖는다.
["apple","tomato"].forEach(function(value) {
   console.log(value) // "apple", "tomato"
});
  • map은 새로운 배열을 반환한다.
var newArr = ["apple","tomato"].map(function(value, index) {
   return index + "번째 과일은 " + value + "입니다";
});
console.log(newArr) // ['0번째 과일은 apple입니다', '1번째 과일은 tomato입니다']
  • filter은 조건을 만족하는 요소를 모아 새로운 배열로 반환한다.
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]
profile
do for me
post-custom-banner

0개의 댓글