정민교
거미줄코딩
정민교
전체 방문자
오늘
어제
  • 분류 전체보기 (16)
    • 설계&개발방법론 (0)
    • 웹프로그래밍 (6)
      • PHP (1)
      • Node.js (0)
      • JavaScript (5)
      • Java (0)
      • Spring (0)
      • Lalavel (0)
    • DataBase (5)
      • DB설계 (1)
      • MySQL (4)
    • OS (1)
      • Linux (1)
      • Window (0)
    • 자료구조 (0)
    • 알고리즘 (0)
    • 에러모음 (1)
    • 게임 (0)
    • Reference 모음 (3)

블로그 메뉴

  • 홈

공지사항

인기 글

태그

  • 객체
  • 분산저장기법
  • MySQL
  • JS 프로토타입
  • nginx에러
  • MYSQL-PROCEDURE
  • 자바스크립트표준객체
  • const
  • php
  • PHP콜백
  • PHP클로저
  • 불변객체
  • JavaScript
  • 자바스크립트표준
  • mysql샤딩
  • 스토어드프로시저
  • 자바스크립트
  • js 호이스팅
  • phpClosure
  • 자바스크립트메소드
  • database파티셔닝
  • javascript구조분해할당
  • DB파티셔닝
  • JS
  • 구조분해
  • 자바스크랩트객체
  • 스토어프로시저
  • js구조분해할당
  • 표준객체
  • 소켓에러

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
정민교

거미줄코딩

웹프로그래밍/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

 

저작자표시 비영리 변경금지 (새창열림)

'웹프로그래밍 > JavaScript' 카테고리의 다른 글

[JavaScript] 구조 분해 할당(Destructuring Assignment)  (0) 2022.07.07
[JavaScript] 프로토타입(Prototypes)의 이해  (0) 2022.02.25
[JavaScript] 호이스팅(Hoisting)  (0) 2021.12.30
[JavaScript] 불변 객체 만들기(const, Object.freeze())  (2) 2021.12.28
    '웹프로그래밍/JavaScript' 카테고리의 다른 글
    • [JavaScript] 구조 분해 할당(Destructuring Assignment)
    • [JavaScript] 프로토타입(Prototypes)의 이해
    • [JavaScript] 호이스팅(Hoisting)
    • [JavaScript] 불변 객체 만들기(const, Object.freeze())
    정민교
    정민교

    티스토리툴바