TIL no.10 - Array 배열 : JavaScript

우리는 두가지 방법으로 빈 배열을 지정할 수 있다.

var friends = [];
var friends = new Array()

 

 Array Method 

push / pop

 

-push : 배열의 맨 끝에 추가하는 것을 말합니다.

var colors = ["orange", "red", "green"];

colors[3] = "yellow"

위의 코드처럼 입력한다면 배열의 index를 알고 그에 맞게 값을 넣을 수 있습니다.

하지만 push를 이용한다면 배열의 순서를 몰라도 맨 마지막에 새로운 값을 추가할 수 있습니다.

var colors = ["orange", "red", "green"];

colors.push("yellow");

위의 두 방법 모두 아래와 같은 결과로 맨 마지막에 값을 추가할 수 있습니다.

colors = ["orange", "red", "green", "yellow"]

-pop : 배열의 마지막 요소를 제거하는 것을 말합니다.

colors.pop()

 

shift / unshift

 

-shift는 맨 앞의 값을 제거하고 unshift는 맨 앞에 새로운 값을 추가합니다.

var friends = ["민수", "지희", "하늘"];

friends.unshift("정은");

friends = ["정은", "민수", "지희", "하늘"]

friends.shift();

friends = ["민수", "지희", "하늘"];

 

indexOf

var num = [1, 22, 333, 44];

num.indexOf("22");
//1를 반환합니다.

해당 함수의 배열에서 찾고 싶은 값을 indexOf안에 넣었을 때, 그 값의 index를 반환합니다.

 

slice

: 원하는 부분만 잘라내어 새로운 배열을 만든다.

var things = ['가', '나', '22', '333', '4444', '다', '라' ];

var str = things.slice(2, 5);

//str contains ['22', '333', '444']
//things contains ['가', '나', '22', '333', '4444', '다', '라' ];

slice(a, b); 

a자리에는 copy를 시작하는 요소의 순서가 들어가고 b 순서의 이전까지의 값까지 포함된다.

 

splice(index, 개수)

: index 번호부터 개수만큼 잘라내어진다.

var num = [11, 22, 33, 44];

num.splice(2, 1);
//결과는 num = [11, 22, 44];

printReverse()

:이 함수는 배열을 역순으로 출력합니다.

printReverse([a, b, c]);

// c
// b
// a