JavaScript 코스

배열

개요

JavaScript의 배열은 숫자형이나 문자열과 마찬가지로 일반적인 스크립트 언어와 크게 다른 것이 없습니다.
CJava와는 상당히 다른데, 동적 타입 언어의 특징상 배열에도 타입이 정해져있지 습니다.

배열은 []new Array()로 생성하며, 크기의 제약이 없고, 하나의 배열에 서로 다른 타입의 변수가 들어갈 수 있습니다.

var emptyArray = [];
var oddNumbers = [1, 3, 5, 7, 9];
var evenNumbers = new Array(2, 4, 6, 8, 10);
var mixedArr = ['a', 1, 'b', 3, new Date(), "today"];

항목에 접근시에는 fruits[1] 처럼 사용합니다.

자주쓰는 속성과 메소드

길이

var colors = ['red', 'blue'];
console.log(colors.length);
// 2

맨 뒤에 항목 추가

colors.push('green');
// ['red', 'blue', 'green']

맨 뒤의 항목 제거

colors.pop(); // 함수의 반환값: green
// 배열의 값: ['red', 'blue']

맨 앞에 항목 추가

colors.unshift('white');
// ['white', 'red', 'blue']

맨 앞의 항목 제거

colors.shift(); // 함수의 반환값: white
// ['red', 'blue']

배열 내부 값의 위치 찾기

console.log( colors.indexOf('red') );
// 0

인덱스 위치에서부터 n개의 항목 제거

fruits = ['red', 'blue', 'green', 'yellow'];
var removedItem = fruits.splice(1, 2); // 1번 인덱스부터 2개 제거

// fruits: ['red', 'yellow']
// removedItem: ['blue', 'green']