배열

기초

정의 : 순서가 있는 데이터 집합

• 0으로 시작하는 숫자형 인덱스 사용
• 배열의 요소가 같은 타입일 필요가 없음
• 데이터 갯수를 나타내는 length 프로퍼티
• [ ]나 Array 생성자로 생성 (Array 생성자로 사용하는 것 지양)

// 배열 리터럴
const arr1 = [1, 2, 3];
  
const arr2 = new Array(); //빈배열
const arr3 = new Array(1, 2, 3); //[1, 2, 3]
const arr4 = new Array(2); //길이가 2인 배열
const arr4 = new Array('2'); //['2']

메서드

• 메서드 중 일부는 배열자체를 수정, 일부는 새 배열을 반환하기 때문에 주의가 필요

하고 싶은 일	메서드	수정 or 사본
배열 안에서 요소를 교체할 때	copyWithin	배열 수정
배열 일부가 필요할때	slice	사본 반환
배열을 반대로 정렬할 때	reverse	배열 수정
배열을 정렬할 때	sort	배열 수정
배열을 채울 때	fill	배열 수정
스택처럼 사용	push(바뀐 길이 반환), pop	배열 수정
여러 요소를 배열 마지막에 추가	concat	사본 반환
임의의 위치에 요소를 추가하거나 제거	splice	배열 수정
큐처럼 사용	unshift(), shift	배열 수정

ES6 New Feature

Array.from(iterable, mapFunction, this)

let str = "0123";
let obj = {number: 1};
 
let arr = Array.from(str, function (value) {
    return parseInt(value) + this.number;
}, obj);
 
console.log(arr); //[ 1, 2, 3, 4 ]

Array.of(values...)

• 유형에 상관없이 가변인자를 받아 그 요소들로 배열을 만듬

const arr1 = new Array(2); //길이가 2인 배열
const arr2 = Array.of(2); //[2]
const arr3 = Array.of(2, 3, 4); //[2, 3, 4]

fill()

const arr = new Array(5);
arr.fill(1); //[ 1, 1, 1, 1, 1 ]
arr.fill('a', 1); //[ 1, 'a', 'a', 'a', 'a' ]
arr.fill('b', 2, 4); //[ 1, 'a', 'b', 'b', 'a' ]

find()

• 배열에서 조건에 맞는 요소를 찾을때 사용

const arr = [
    {id:5, name:'Judith'},
    {id:7, name:'Francis'}
];
 
arr.find(o => o.id ==5); //{ id: 5, name: 'Judith' }
arr.find(o => o.id ==2); //undefined