웹프로그래밍/JavaScript

[JavaScript] 표준 내장객체 정리(상시 업데이트)

정민교 2022. 6. 3. 16:03

개 념

가령 어떤 프로그래밍 언어든 미리 정의된 내장 메소드(객체)가 있기 마련이다.

JavaScript도 마찬가지로 유형(내장 객체)별로 여러가지 내장 메소드가 있는데 MDN을 참고해 이 메소드(객체)들에 대해서 유형별로 정리하려고 한다.

이 포스팅은 상시 업데이트 되는 포스팅입니다.


◆ : 실험 중인 기술

객체명 메소드명 설명 링크
에러관련
AggregateError   다수의 에러가 한 에러로 랩핑되어야 할 때의 오류 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/AggregateError
배열관련
Array   리스트 형태의 객체인 배열 생성 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array
Array ◆ at() 정수 값을 받아 배열에서 해당 값에 해당하는 인덱스 요소 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/at
concat() 인자로 주어진 배열이나 값들을 기존 배열에 합쳐 새 배열로 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat
copyWithin() 배열의 일부를 복사한 뒤 배열의 지정한 인덱스에 붙여 넣은 다음 그 배열을 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/copyWithin
entries() 배열의 각 인덱스에 대한 key/value를 가지는 새로운 Array Iterator 객체를 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/entries
every() 배열안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/every
fill() 배열의 시작 인덱스부터 끝 인덱스 이전까지 정적인 값 하나로 채움 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/fill
filter() 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
find() 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환
(없으면 undefined)
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/find
findIndex() 주언진 판별 함수를 만족하는 배열의 첫 번째 요소의 인덱스를 반환
(없으면 -1)
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex
flat() 모든 하위 배열 요소를 지정한 깊이까지 재귀적으로 이어붙인 새로운 배열을 생성 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/flat
flatMap() 매핑함수를 사용해 각 Element에 대해 map()을 수행 후 결과를 새로운 배열로 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/flatMap
forEach() 주어진 함수를 배열 요소 각각에 대해 실행 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
from() 유사배열 객체나 반복가능한 객체를 전체 또는 일부 복사해 새로운 배열을 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from
◆ groupBy() 테스트 함수에서 반환된 문자열 값에 따라 호출 배열의 요소를 그룹화 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/groupBy
includes() 배열의 요소 안에 특정 값을 포함하는지 여부를 결정하여 boolean 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes
indexOf() 주어진 요소가 배열에서 존재하는 첫 번째 인덱스를 리턴
(존재하지 않을 시 -1)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf
isArray() 배열인지 아닌지 판별해서 boolean 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray
join() 배열의 요소들을 지정한 값으로 연결해 문자열로 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join
keys() 배열의 각 인덱스에 대한 키(또는 인덱스)를 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/keys
lastIndexOf() 주어진 요소를 찾을 수 있는 마지막 인덱스를 반환
(존재하지 않을 경우 -1)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf
map() 배열의 모든 요소에 대해서 함수를 호출한 결과로 채워진 새 배열을 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
of() 지정한 요소로 새 배열을 생성
기존 생성자와의 차이점은 element만큼 슬롯을 생성하느냐 element 값이 들어있는 배열을 생성하느냐의 차이
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/of
pop() 배열에서 마지막 요소를 제거하고 제거한 요소를 반환
(배열의 길이를 변경함)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop
push() 배열 끝에 하나 이상의 요소를 추가하고 새 길이를 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push
reduce() 배열의 각 요소를 순회하면서 callback함수의 실행 값을 누적해 하나의 결과 값을 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce
reduceRight() reduce()와 동일하나 배열의 끝부터 시작 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduceRight
reverse() 배열을 제자리에서 뒤집음 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse
shift() 첫 번째 요소를 제거하고 제거된 요소를 반환
(pop과 반대)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/shift
slice() 배열의 시작지점부터 끝 지점까지의 요소를 새 배열로 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
some() 적어도 하나의 요소가 테스트 함수를 통과하는지 여부를 boolean으로 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/some
sort() 배열 요소를 제자리에서 정렬하고 정렬된 배열을 반환
(기본 정렬 순서는 오름차순, 요소를 문자열로 반환 후 UTF-16 코드 단위 값의 시퀀스를 비교)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort
splice() 기존 요소를 제거하거나 교체하고 새 요소를 추가해 배열의 내용을 변경 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
toLocaleString() 배열의 요소 값을 지역에 따른 문자열로 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toLocaleString
toString() 배열 => 문자열 변환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toString
unshift() 배열의 시작 부분에 하나 이상의 요소를 추가하고 배열의 새 길이를 반환
(push()와 반대)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/unshift
values() 배열의 각 인덱스에 대한 값을 포함하는 새 배열을 반환
(keys()를 생각하면 될 듯)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/values
ArrayBuffer   바이트로 구성된 배열로 임시로 바이너리 데이터를 저장하기 위한 공간( 메모리 수동관리 가능 ) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer
ArrayBuffer isView() 주어진 값이 TypeArray 또는 DataView인지 판별 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/isView
slice() 현재 ArrayBuffer를 주어진 시작과 끝점에 맞춰 새로운 ArrayBuffer를 반환 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer/slice
함수관련
Async Function   새로운 async function을 만든다.
( js에서 모든 비동기 함수는 사실상 AsyncFunction 객체 )
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/AsyncFunction
Async Function apply() 주어진 this 값과 배열 또는 객체로 제공되는 파라미터로 함수를 호출
( 첫번째 인자값에 객체 또는 배열이 있으면 해당 인자에 2번째 인자 배열 또는 객체로 메소드 수행 )
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/apply
bind() 기존함수에서 사용할 바인딩 함수를 지정하여 새로운 함수를 생성
( 기존함수의 this 키워드가 참조할 객체 지정 )
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/bind
call() 주어진 this 값 및 각각 전달된 인수와 함께 함수를 호출
( 해당 객체 또는 함수에서 사용할 다른 객체나 함수를 인자값으로 전달 )
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Function/call
toString() 함수 전체를 String으로 반환 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/toString