[2주차] Array 타입의 프로퍼티와 메서드

1월 18일 자 학습 내용 + 개인 공부 정리입니다.

 

 

✅ Array.prototype.concat()

인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다.

 

array.concat([value1[, value2[, ...[, valueN]]]])

 

• value1, ... , valueN : 추가할 배열. 생략시 기존 배열의 얕은 복사본 반환.

 

 

✅ Array.prototype.copyWithin()

배열의 일부를 얕게 복사한 뒤 동일한 배열의 다른 위치에 덮어쓰고 그 배열을 반환. 배열의 길이는 이전과 동일하다.

 

arr.copyWithin(target[, start[, end]])

 

• target : 복사한 값을 넣을 위치. 음수를 지정하면 배열의 끝에서부터 인덱스를 계산.
• start : 옵션. 복사를 시작할 위치를 가리키는 인덱스. 기본값은 0.
• end : 옵션. 복사를 끝낼 위치를 가리키는 인덱스. end 인덱스 이전까지 계산. 기본값은 배열의 길이.

 

 

✅ Array.prototype.entries()

배열의 각 인덱스에 대한 key-value 쌍을 가지는 새로운 Array Iterator 객체 반환

 

arr.entries()

 

 

✅ Array.prototype.every()

배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 검사한다. true, false를 반환한다.

 

// 화살표 함수
every((element) => { ... } )
every((element, index) => { ... } )
every((element, index, array) => { ... } )

// 콜백 함수
every(callbackFn)
every(callbackFn, thisArg)

// 인라인 콜백 함수
every(function callbackFn(element) { ... })
every(function callbackFn(element, index) { ... })
every(function callbackFn(element, index, array){ ... })
every(function callbackFn(element, index, array) { ... }, thisArg)

 

• callbackFn : 각 요소를 판별할 함수. 인자로 배열에서 처리할 현재 요소를 받음.

 

 

✅ Array.prototype.fill()

배열의 시작 인덱스부터 끝 인덱스 이전까지 정적인 값 하나로 채운다.

 

arr.fill(value[, start[, end]])

 

• value : 배열을 채울 값
• start : 옵션. 시작인덱스. 기본값은 0.
• end : 옵션. 끝 인덱스. 기본값은 배열의 길이.

 

 

✅ Array.prototype.filter()

주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환한다. 해당하는 요소가 없으면 빈 배열을 반환한다.

 

arr.filter(callback(element[, index[, array]])[, thisArg])

 

• callback : 각 요소를 테스트할 함수. 결과가 true이면 요소를 유지, false이면 버림.

 

 

✅ Array.prototype.find()

주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환한다. 해당하는 값이 없다면 undefined를 반환한다.

 

arr.find(callback[, thisArg])

 

• callback : 배열의 각 요소를 판별할 함수.

 

 

✅ Array.prototype.findIndex()

주어진 판별 함수를 만족하는 첫 번째 요소의 인덱스를 반환한다. 해당하는 값이 없다면 -1을 반환한다.

 

arr.findIndex(callback(element[, index[, array]])[, thisArg])

 

 

✅ Array.prototype.flat()

배열 내의 모든 중첩 배열을 지정한 깊이까지 재귀적으로 이어붙인 새로운 배열을 반환한다.

 

const newArr = arr.flat([depth])

 

• depth : 옵션. 중첩된 배열 구조를 평탄화할 때 사용하는 깊이 값. 기본값은 1.

 

 

✅ Array.prototype.flatMap()

배열의 각 요소에 대해 주어진 콜백 함수를 호출하고, 그 반환 값을 모아 새로운 배열을 생성한 후, 모든 중첩 배열을 이어붙여 평탄화한 배열을 반환한다.

 

arr.flatMap(callback(currentValue[, index[, array]])[, thisArg])

 

 

✅ Array.prototype.forEach()

배열의 각 요소에 대해 함수를 호출한다.

 

arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])

 

 

✅ Array.prototype.includes()

배열이 특정 요소를 포함하고 있는지 판별해 true, false의 값으로 반환한다.

 

arr.includes(valueToFind[, fromIndex])

 

• valueToFind : 탐색할 요소. 문자나 문자열이면 대소문자를 구분함.
• fromIndex : 옵션. 검색을 시작할 위치. 기본값은 0.

 

 

✅ Array.prototype.indexOf()

배열에서 주어진 값과 일치하는 첫 번째 인덱스를 반환한다. 해당하는 값이 없으면 -1을 반환한다.

 

arr.indexOf(searchElement[, fromIndex])

 

• searchElement : 배열에서 찾을 요소
• fromIndex : 옵션. 검색을 시작할 위치. 기본값은 0.

 

 

✅ Array.prototype.join()

배열의 모든 요소를 문자열로 합쳐 반환한다.

 

arr.join([separator])

 

• separator : 옵션. 배열의 각 요소를 구분할 문자열 지정. 생략 시 각 요소들은 쉼표(,)로 구분됨. 빈 문자열일 경우 아무 구분자도 없이 각 요소가 연결됨.

 

 

✅ Array.prototype.keys()

배열의 각 인덱스에 대한 키를 가지는 새로운 Array Iterator 객체를 반환한다.

 

arr.keys()

 

 

✅ Array.prototype.lastIndexOf()

배열에서 주어진 값과 일치하는 가장 마지막 인덱스를 반환한다. 해당하는 값이 없으면 -1을 반환한다.

 

arr.lastIndexOf(searchElement[, fromIndex])

 

• searchElement : 배열에서 찾을 요소
• fromIndex : 옵션. 검색을 시작할 위치. 기본값은 0.

 

 

✅ Array.prototype.map()

배열의 각 요소에 대해 주어진 콜백함수를 실행하고 그 반환값을 모은 새로운 배열을 반환한다.

 

arr.map(callback(currentValue[, index[, array]])[, thisArg])

 

 

✅ Array.prototype.pop()

배열에서 가장 마지막에 위치한 요소를 제거하고 해당 요소를 반환한다. 빈 배열의 경우 undefined를 반환한다.

 

arr.pop()

 

 

✅ Array.prototype.push()

배열의 끝에 요소를 추가하고 변경된 배열의 길이를 반환한다.

 

arr.push(element1[, ...[, elementN]])

 

• elementN : 배열의 끝에 추가할 요소.

 

 

✅ Array.prototype.reduce()

배열의 각 요소에 대해 주어진 reducer 함수를 실행하고 하나의 결괏값을 반환한다.

 

arr.reduce(callback[, initialValue])

 

 

✅ Array.prototype.reverse()

배열의 요소 순서를 뒤집은 배열을 반환한다.

 

a.reverse()

 

 

✅ Array.prototype.shift()

배열의 첫 번째 요소를 제거하고 해당 요소를 반환한다. 빈 배열의 경우 undefined를 반환한다.

 

arr.shift()

 

 

✅ Array.prototype.unshift()

배열의 앞에 요소를 추가하고 변경된 배열의 길이를 반환한다.

 

arr.unshift([...elementN])

 

• elementN : 배열의 끝에 추가할 요소.

 

 

✅ Array.prototype.slice()

배열의 일부를 추출한 배열을 반환한다.

 

arr.slice([begin[, end]])

 

• begin : 옵션. 추출을 시작할 인덱스. 음수의 경우 배열의 끝에서부터 시작. 배열의 길이보다 큰 경우 빈 배열 반환.
• end : 옵션. 추출을 종료할 인덱스. 해당 인덱스는 포함하지 않고 바로 직전의 인덱스까지만을 포함함.

 

 

✅ Array.prototype.some()

배열의 어떤 요소가 주어진 판별함수를 만족할 경우 true를 반환한다. 빈 배열에서 호출할 경우 false를 반환한다.

 

arr.some(callback[, thisArg])

 

 

✅ Array.prototype.sort()

배열의 요소를 적절한 위치에 정렬한 후 정렬된 배열을 반환한다. 기본 정렬 순서는 문자열의 유니코드를 따른다.

 

arr.sort([compareFunction])

 

• compareFunction : 옵션. 정렬 순서를 정의할 함수.

 

✅ Array.prototype.splice()

배열에서 요소를 추가하거나 삭제, 교체 등의 작업을 하여 배열의 내용을 변경한다.

 

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

 

• start : 배열의 변경을 시작할 인덱스.
• deleteCount : 옵션. 배열에서 제거할 요소의 수.
• item1, ..., itemN : 옵션. 배열에 추가할 요소. 지정하지 않으면 배열을 삭제하기만 함.

 

 

✅ Array.prototype.toString()

배열의 각 요소를 이어붙인 문자열을 반환한다. 각 요소 사이에 쉼표(,)가 삽입된 형태이다.

 

arr.toString()

 

 

✅ Array.prototype.values()

배열의 각 인덱스에 대한 값을 가지는 새로운 Array Iterator 객체를 반환한다.

 

arr.values()

 

 

🔍 참조

Array Methods https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array