JS 내장객체 Array 메서드 정리

항상 안외우고 검색하는 짓을 그만 할 때가 되었다.
조금은 외우자

 

js 내장객체 Array

 

메서드

 

기본적인 기능

 

// 이거 배열임 ?
Array.isArray()


// 정수 값을 받아, 배열에서 해당 값에 해당하는 인덱스의 요소를 반환
// 대괄호 표기법 보다 좋은점 맨뒤 요소 반환시 편함 array.at(-1) 
Array.prototype.at(index)


// 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환 없으면 undefined
// .findLast 뒤에서부터
Array.prototype.find(fn(element, index, array))


// 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스 반환
// .findLastIndex 뒤에서부터
Array.prototype.findIndex(fn(element, index, array))


// 배열이 특정 요소를 포함하고 있는지 판별해서 boolean 반환
Array.prototype.includes(value, fromIndex)


// 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다.
// .lastIndexOf 뒤에서부터
Array.prototype.indexOf()

 

배열 값 활용

 

//배열에서 마지막 요소를 제거하고 그 요소를 반환합니다.
Array.prototype.pop()


// 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환합니다.
Array.prototype.push()

// 배열의 순서를 반전합니다.
Array.prototype.reverse()


// 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다.
// 이 메서드는 배열을 변하게 합니다.
Array.prototype.shift()


//새로운 요소를 배열의 맨 앞쪽에 추가하고,
// 이 메서드는 배열을 변하게 합니다.
Array.prototype.unshift()


// 어떤 배열의 `begin` 부터 `end` 까지(`end` 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 
// 원본 배열은 바뀌지 않습니다.
Array.prototype.slice(begin, end)


// 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경
// start : 배열의 변경을 시작할 인덱스  
// deleteCount : 배열에서 제거할 요소의 수 `deleteCount`를 생략하거나 값이 `array.length - start`보다 크면 `start`부터의 모든 요소를 제거 0 이면 삭제 하지 않음
// item : 배열에 추가할 요소입니다. 아무 요소도 지정하지 않으면 `splice()`는 요소를 제거하기만 합니다.
Array.prototype.splice(start, deleteCount, item1, item2, ...)


// 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다.
//정렬 순서를 정의하는 함수를 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다.
// 이 메서드는 배열을 변하게 합니다
Array.prototype.sort()

 

형태 변환

 

// 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환합니다.
Array.prototype.concat(arr)


// 지정된 배열 및 그 요소를 나타내는 문자열을 반환합니다.
// 쉼표로 이어진 문자열
Array.prototype.toString()


// 배열의 모든 요소를 연결해 하나의 문자열로 만들어 반환
// 매개변수 s 는 기본값은 ',' 룰 추가해서 반환 '' 로 하면 그대로 붙힘
Array.prototype.join(s)


// `entries()` 메서드는 배열의 각 인덱스에 대한 키/값 쌍을 가지는 
// 새로운 `Array Iterator` 객체를 반환합니다.
Array.prototype.entries()


// 배열에서 각 인덱스에 대한 키 값을 순회하는 _array  iterator_ 객체를 반환합니다.
# Array.prototype.keys()


// 배열에서 각 인덱스에 대한 값을 순회하는 _array  iterator_ 객체를 반환합니다.
Array.prototype.values()


// depth 만큼 하위 배열 풀어버리기
// [0, 1, 2, [[[3, 4]]]].flat(2) 
// 결과 : [0, 1, 2, Array [3, 4]]
Array.prototype.flat(depth)


// 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운`Array` 객체를 만듭니다.
Array.from(arrayLike, fn(element, index))

 

배열 순회

 

// 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트한 후 Boolean 값을 반환
Array.prototype.every(fn(element, index, array))


// 배열 안의 어떤 요소라도 주어진 판별 함수를 적어도 하나라도 통과하는지 테스트한 후 Boolean 값을 반환
Array.prototype.some(fn(element, index, array))


// 테스트를 통과한 요소로 이루어진 새로운 배열. 
// 어떤 요소도 테스트를 통과하지 못했으면 빈 배열을 반환
Array.prototype.filter(fn(element, index, array))


// 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환
Array.prototype.map(fn(element, index, array))


// 배열의 각 요소에 대해 주어진 리듀서 (reducer) 함수를 실행하고, 하나의 결과값을 반환합니다
// 모든 요송의 각각의 반환값이 accumulator 저장됨
// initialValue 는 선택적 파라미터이며 지정하지 않으면 accumulator의 초기값은 배열의 첫 번째 값으로 초기화되고 콜백은 배열의 두 번째 값을 currentValue로 사용하여 실행을 시작 
Array.prototype.reduce(fn(accumulator,element, index, array), initialValue)

// `forEach()` 메서드는 주어진 함수를 배열 요소 각각에 대해 실행
// 반환값 없음
Array.prototype.forEach()

참고

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array