JS(14) 배열array

배열 만들기

배열은 여러개의 값(엘리먼트)이 연속된 저장공간.

여러개의 변수를 저장해두고 index라 불리는 주소를 이용해 접근.

값들의 나열. 객체와 달리 이름이 따로 존재X 숫자로 이뤄진 index가 있음.

 

배열 정의방법 : 대괄호 이용.

>var arr=[];  //빈 배열을 생성.

>var arr2=[1,2,3,4,5];  //속성대신 값들을 콤마로 구분해서 여러개의 값을 가지는 배열

>var mixed_arr=[1, true, 3.14, "string", {name:"object"}, [1,2,3] ];  //객체와 마찬가지로, 배열도 배열 안에 들어가는 엘리먼트에는 어떤 자료형이든 들어갈 수 있다. 배열이나 객체도O

 

>mixed_arr.length;

<6

>arr2.length;

<5

>arr.length;

<0

배열에 원하는 엘리먼트에 접근하기 위해선 배열의 이름 뒤에 대괄호를 적은 후 안에 위치를 적으면 된다.

>arry2[3];

<4

>arry2[7];  //범위를 넘어가는 숫자를 입력하면 undefined 반환

<undefined 

---

배열에 엘리먼트 추가/삭제하기

기본적으로 배열의 앞과 뒤에서 엘리먼트를 추가하거나 삭제할 수 있음.

• .pop() : 배열에서 가장 마지막에 있는 엘리먼트를 삭제하고 리턴
• .shift() : 배열의 맨 앞에 있는 엘리먼트를 삭제하고 리턴
• .unshift(element<-추가할 엘리먼트) : 배열의 앞에 엘리먼트 추가
• .push(element<-추가할 엘리먼트) : 배열의 뒤에 엘리먼트 추가

>var arr=[1,2,3,4,5];

<

>arr.pop();

<5

>arr;

<[1,2,3,4]

 

>arr.shift();

<1

>arr;

<[2,3,4]

 

>arr.push(6);  //'6' 엘리먼트 추가(해서 총 4개의 엘리먼트)

<4  //배열의 길이값을 반환.

>arr;

<[2,3,4,6]

 

>arr.unshift(0);  //'0' 엘리먼트 추가(해서 총 5개의 엘리먼트)

<5 //배열의 길이값 반환.

>arr;

<[0,2,3,4,6]

>arr.reverse();

<[6,4,3,2,0]

>arr.sort();  //다시 재정렬.

<[0,2,3,4,6] 

>arr;

<[0,2,3,4,6]

---

배열 붙이기, 검색하기 .concat() / .indexOf() / .lastIndexOf()

>var arr1=[1,2,3]

<

>var arr2=[4,5,6]

<

>arr1.concat(arr2);

<[1,2,3,4,5,6]  //arr1,2에는 변화가 없고 단지 합쳐진 배열을 반환만 해줌.

>arr3=arr1.concat(arr2);

<[1,2,3,4,5,6]

 

>var arr4=[1,2,3,1,2,3];

<

>arr4.indexOf(2);

<1

>arr4.lastIndexOf(2);

<4

---

문자열 .split 함수

문자열 명령어 중 배열을 반환하는 명령어인 split

split : 문자열을 구분자(seperator)로 나눠서 각각의 문자열을 배열에 넣어 반환해준다.

 

var str="1,2,3,4,5";

arr=str.split(",");

arr=["1", "2", "3", "4", "5"];

 

**구분자 문자열에는 정규표현식을 사용할 수 있다. 정규표현식을 사용하면 매우 강력하고 효율적으로 작성할 수 있음.