본문 바로가기
프로그래밍/JavaScript

JavaScript 배열 객체, Array

by zoo10 2013. 1. 5.

JavaScript Array Object

Array object 는 하나의 변수에 여러개의 값을 저장할 수 있다.



Try it Yourself - Examples


배열을 생성하고, 값을 할당해 보자.


Example

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

Try it yourself »

아래 쪽에 연결되는 예제들이 더 있다.


배열은 무엇인가? What is an Array?

array는 특수한 변수이다. 하나의 값 이상을 담아놓을 수 있다.

만약 아이템의 목록(자동차 목록)을 가지고 있다면, 자동차 명을 담을 변수를 각각 생성할 수 있다.

var car1="Saab";
var car2="Volvo";
var car3="BMW";
만약, 루프를 통해서 자동차 명을 찾고자 한다면 각각의 변수에 접근하면 됩니다. 하지만 자동차 명이 300개라면 어떻게 하겠는가?

해답은 배열이다!

배열은 많은 값을 하나의 이름으로 묶을 수 있다. 그런 다음 인덱스를 통해 각 아이템에 접근할 수 있는 것이다.


Create an Array

배열은 3가지 방법으로 생성할 수 있다.

myCars 라는 배열 객체를 만들어 보자:

1: Regular:

var myCars=new Array(); 
myCars[0]="Saab";       
myCars[1]="Volvo";
myCars[2]="BMW";

2: Condensed:

var myCars=new Array("Saab","Volvo","BMW");

3: Literal:

var myCars=["Saab","Volvo","BMW"];


Access an Array

배열 요소(element)에 접근하려면 index 번호를 사용해야 한다.

myCars 배열의 첫번째 요소에 접근하는 방법은 아래와 같다.

var name=myCars[0];

myCars 배열 첫번째 요소에 값을 할당하는 방법은 아래와 같다.

myCars[0]="Opel";

lamp[0] 이 첫번째 요소, [1] 이 두번째 요소 . . . . . (index는 0부터 시작한다.)


하나의 배열에 다른 타입의 요소를 가질 수 있다. (You Can Have Different Objects in One Array)

모든 JavaScript 변수들은 모두 object이다. 배열의 요소들 또한 object이다. Function들도 object이다.

이런 이유로, 하나의 배열에 다른 타입의 요소를 가질 수 있다.

배열에 object를 요소로 가질 수 있다. 배열은 function을 요소로 가질 수 있다. 심지어 배열은 배열을 요소로 가질 수도 있다.

myArray[0]=Date.now;
myArray[1]=myFunction();
myArray[2]=myCars;


Array Methods and Properties

var x=myCars.length             // myCars 배열 요소의 갯수

var y=myCars.indexOf("Volvo")   // "Volvo"라는 요소의 인덱스 번호


Complete Array Object Reference

Array Object Properties

PropertyDescription
constructor생성자
length배열 요소의 개수
prototype속성, 함수 추가

Array Object Methods

MethodDescription
concat()두 개 이상의 배열을 합침
indexOf()인자에 해당하는 요소를 찾아 인덱스 반환
join()배열 요소를 합쳐 문자열로 반환
lastIndexOf()인자에 해당하는 요소를 뒤에서 부터 찾아 인덱스 반환
pop()마지막 배열 요소를 제거
push()새로운 배열 요소를 마지막에 추가
reverse()배열의 순서를 뒤집음
shift()첫번째 배열 요소를 제거
slice()배열의 부분을 잘라내어 새로운 배열을 만듬
sort()배열 요소를 정렬함
splice()배열 요소를 제거하고 추가함
toString()배열 요소들을 문자열로 반환
unshift()새로운 배열 요소를 맨 앞에 추가하고 새로운 배열의 요소 개수를 반환
valueOf()배열의 값(요소)을 반환


Examples

More Examples

Join two arrays - concat()

Join three arrays - concat()

Join all elements of an array into a string - join()

Remove the last element of an array - pop()

Add new elements to the end of an array - push()

Reverse the order of the elements in an array - reverse()

Remove the first element of an array - shift()

Select elements from an array - slice()

Sort an array (alphabetically and ascending) - sort()

Sort numbers (numerically and ascending) - sort()

Sort numbers (numerically and descending) - sort()

Add an element to position 2 in an array - splice()

Convert an array to a string - toString()

Add new elements to the beginning of an array - unshift()

'프로그래밍 > JavaScript' 카테고리의 다른 글

JavaScript 쿠키 Cookies  (0) 2013.01.05
JavaScript 타이밍 제어, Timing 이벤트  (2) 2013.01.05
JavaScript Number 객체  (0) 2013.01.05
JavaScript Date 객체  (2) 2013.01.05
JavaScript History 객체  (0) 2013.01.05
JavaScript Location 객체  (0) 2013.01.05
JavaScript 스크린 객체  (0) 2013.01.05
JavaScript Navigator 객체  (0) 2013.01.05