◾ 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 )
'Front-end > JS' 카테고리의 다른 글
자바스크립트 클로저 Closure (0) | 2021.08.27 |
---|---|
자바스크립트 배열 고차함수 forEach / map (0) | 2021.08.23 |
자바스크립트 배열 고차함수 reduce (0) | 2021.08.15 |
자바스크립트 문서 객체 모델 DOM (Document Object Model) (0) | 2021.08.14 |
자바스크립트 배열 Array (0) | 2021.08.13 |
댓글