Front-end/JS

자바스크립트 배열 메서드 Array Method (계속 추가중)

ciocio 2021. 8. 21. 12:46

◾ Array.isArray ( immutable )

 

// true
Array.isArray([]);
Array.isArray([1, 2]);
Array.isArray(new Array());

 

전달된 인수가 배열이면 true, 배열이 아니면 false를 반환한다.

배열과 객체를 구분할 때 typeof 대신 Array.isArray를 사용한다.

 

 

◾ Array.prototype.indexOf ( immutable )

 

const arr = [1, 2, 2, 3];

// 배열 arr에서 첫 번째로 검색된 요소 2의 인덱스를 반환한다.
arr.indexOf(2);  // 1

// 배열 arr에 요소 4가 없으므로 -1을 반환한다.
arr.indexOf(4);  // -1

// 두 번째 인수는 검색을 시작할 인덱스다. -> 2를 찾되, 인덱스 2부터 검색하십쇼
arr.indexOf(2, 2);  // 2

 

원본 배열에 인수로 전달한 요소와 중복되는 요소가 여러 개 있다면, 첫 번째로 검색된 요소의 인덱스를 반환한다.

원본 배열에 인수로 전달한 요소가 존재하지 않으면 -1을 반환한다.

 

 

◾ Array.prototype.push ( mutable )

 

const arr = [1, 2];

let result = arr.push(3, 4);
console.log(result);  // 4

console.log(arr);  // [1, 2, 3, 4]

 

const arr = [1, 2];

// 이 방법이 push 메서드보다 빠르다. (요소 1개만 추가할 경우)
arr[arr.length] = 3;
console.log(arr);  // [1, 2, 3]

 

push 메서드는 원본 배열을 직접 변경하는 부수 효과side effect가 있다. 주의해서 써야함

 

 

◾ Array.prototype.pop ( mutable )

 

const arr = [1, 2];

let result = arr.pop();
console.log(result);  // 2

console.log(arr);  // [1]

 

원본 배열에서 마지막 요소를 제거하고, 제거한 요소를 반환한다.

원본 배열이 빈 배열이면 undefined를 반환한다. pop메서드는 원본 배열을 직접 변경한다.

 

 

◾ Array.prototype.unshift ( mutable )

◾ Array.prototype.shift ( mutable )

◾ Array.prototype.concat ( immutable )

◾ Array.prototype.splice ( mutable )

◾ Array.prototype.slice ( immutable )
◾ Array.prototype.join ( immutable )

◾ Array.prototype.reverse ( mutable )

◾ Array.prototype.fill ( mutable )

◾ Array.prototype.includes ( immutable )

◾ Array.prototype.flat ( immutable )

반응형