들어가기 전에..
Array(배열)에는 여러가지의 method를 사용 할 수 있다.
method에 대해 설명하자면, 자바스크립트 object에서 특정한 object 안에 속성으로서 들어 있는 함수를 지칭하는것이다.
간단히 말하면, 해당 object를 가지고 특정한 행동을 시키는 키워드라고도 말할 수 있을것이다.
Array mehthod의 종류
그렇다면 Array 안에서 어떤 일을 할 수 있을까?
종류가 굉장히 많지만 어떤것이 있는지 살펴보도록 하자.
isArray
isArray를 사용하면 해당 인수로 주어진것이 배열이라면 true, 아니라면 false를 반환하는 method로,
Array.isArray([]); // true
Array.isArray({}); // false와 같이, 해당 인수가 배열인지 아닌지를 확인하는 method로서 사용 된다.
Array.from
Array.from은 인수로 받은 값을 새로운 배열로 변환하는 method다.
const arrA = Array.from("Hello");
console.log(arrA); // [ 'H', 'e', 'l', 'l', 'o' ] 출력위와 같이 전달 받은 값이 string이라도 배열로 변환 시킬 수 있다.
Array.of
Array.of는 전달 받은 인수로 배열을 만드는 method로,
const arrA = Array.of(1,2,3,4);
console.log(arrA); // [1,2,3,4] 출력와 같이 사용 할 수 있다.
Array.indexOf
Array.indexOf는 인수로 받은 array의 인덱스를 반환화는 method로,
const arrA = [1,2,3];
console.log(arrA.indexOf(0)); // 1
console.log(arrA.indexof(3)); // -1처럼 나타낼 수 있다.
중복 되는 요소가 있을 경우엔, 첫번째의 인덱스가 출력 된다.
Array.join
Array.join은 배열을 인수로 받아, 문자열로 변환한 후, 콤마(,)로 나눈 문자열을 출력한다.
const arrA = [1,2,3];
const result = arrA.join();
console.log(result); // 1,2,3 출력위와 같이 나타낼 수 있다.
Array.concat
Array.concat은 배열을 인수로 받을 경우 인수로 받은 배열을 기준 배열에 병합시키고, 값을 받으면 배열의 가장 뒤에 추가한다.
const arrA = [1,2];
const arrB = [3,4];
console.log(arrA.concat(arrB)); // [1,2,3,4]
console.log(arrA.concat(4)); // [1,2,4]
console.log(arrA.concat(arrB,5); // [1,2,3,4,5]처럼 배열과 값 두개를 동시에 받을 수도 있다.
Array.push and Array.pop
Array.push와 Array.pop은 각각 배열의 마지막 요소 뒤에 인수로 받은 값을 추가하거나, 삭제하는 method다.
Array.push와 Array.concat의 차이점은, Array.concat은 새로운 배열에다 값을 넣어 반환한다면, Array.push는 원본 배열에 추가하는 방식이다.
const arrA = [1,2];
console.log(arrA.push(3)); // [1,2,3]
console.log(arrA.pop(2)); // [1]과 같이 나타낼 수 있다.
Array.reverse
Array.reverse는 해당 배열을 역순으로 바꾸는 method다.
원본 배열을 바꾸는 method이며,
const arrA = ['a', 'b', 'c'];
const arrB = a.reverse();
console.log(arrA); // [ 'c', 'b', 'a' ]
console.log(arrB); // [ 'c', 'b', 'a' ]위와 같이 나타낸다.
Array.shift
Array.shift는 해당 배열의 가장 처음에 있는 값을 삭제하고, 그 요소를 반환하는 method이다.
이 또한 본래에 있던 배열에서 값을 빼오게 되므로, 원본 배열이 바뀐다.
const arrA = [ 1, 2, 3];
const a = arrA.shift();
console.log(arrA); // [ 2, 3 ]
console.log(a); // 1과 같이 사용 된다.
아직 남아 있는 method는 다음 글에서 확인 해 보도록 하자.
