Web/JavaScript

JavaScript, 내장 메소드 정리

songye 2024. 3. 11. 22:05

원시타입별 사용되는 내장 메소드를 정리하기 위해 글을 작성했습니다.

 

Array - JavaScript | MDN

다른 프로그래밍 언어의 배열과 마찬가지로, Array 객체는 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있고, 일반적인 배열 연산을 수행하기 위한 멤버가 있습니다.

developer.mozilla.org

 

메소드명 역할 리턴 값
숫자형    
target.toString(base) 숫자형 자료를 문자열 자료로 변환
base를 사용하면 진법에 따라 변환
(최대 36 = 10진수 + 알파벳) 
문자열
Math.floor(num) 숫자형 자료를 소수점 첫째자리에서 버림 숫자형
숫자가 아닌 경우 NaN
Math.ceil(num) 숫자형 자료를 소수점 첫째자리에서 올림 숫자형
숫자가 아닌 경우 NaN
Math.round(num) 숫자형 자료를 소수점 첫째자리에서 반올림 숫자형
숫자가 아닌 경우 NaN
Math.trunc(num) 숫자형 자료의 소수부분을 절단 숫자형
숫자가 아닌 경우 NaN
target.toFixed(n) 숫자형 자료를 소수점 n번째자리에서 반올림 문자열

Math.random(a, b) a<=  n < b 사이 난수를 반환 숫자형
Math.min(a, b, c, ..., n) 주어진 인수 중 가장 작은 값 반환 숫자형
Math.max(a, b, c, ..., n) 주어진 인수 중 가장 큰 값 반환 숫자형
Math.pow(n, power) n의 power승 만큼의 거듭제곱을 반환 숫자형
문자형    
tartget.split(s) 구분자 s에 따라 문자열 target을 split 배열
target.toUpperCase() 주어진 문자열을 대문자로 치환 문자열
target.toLowerCase() 주어진 문자열을 소문자로 치환 문자열
target[n].toUpperCase() 주어진 문자를 대문자로 치환 문자열
target.indexOf(substr, pos) target의 문자열에서 pos번째 문자부터 문자열
substr가 몇번째 글자에 위치하는지 반환
숫자형
발견 x -> -1
발견 o -> index 반환
target.lastIndexOf(substr, pos) 뒤에서부터 조회 반환하는 위치도 발견한 첫 위치(뒤)
나머지는 indexOf(=)
숫자형
발견 x -> -1
발견 o -> index 반환
target.includes(substr, pos) target의 문자열에 pos번째 문자부터
substr을 포함하고 있는지 반환
Boolean
발견 x -> false
발견 o -> true 반환
target.slice(start, end) target의 문자열에서 start <= n < end
n(end - start)만큼 substr 추출하여 반환

*두 번째 인수가 생략되면 start부터 끝까지 추출
*음수 정수가 들어올 경우 뒷순서 Index 
문자열
target.substring(start, end) slice와 동일하지만
end가 start보다 커도 동작함

str = "ABCDEFGH"
ex) str.substring(6, 2) = "CDEF"
ex) str.slice(6, 2) = ""
문자열
target.substr(start, length) 위에 두 메소드와는 달리
start부터 length의 길이만큼 문자열을 추출하여 반환
문자열
target.codePointAt(pos) UTF-16을 사용해 인코딩된 문자들을
target 문자열의 pos번째 문자의 코드를 디코딩하여 반환
숫자형
target.fromCodePoint(code) UTF-16 코드를 따라 문자를 인코딩하여 반환 문자열
target.trim() 문자열 앞뒤 공백을 제거해줌 문자열
target.repeat(n) 문자열을 n번 반복해주어 반환 문자열
배열    
target.push(item) 배열 맨 끝에 새로운 요소 추가 숫자형, 배열의 길이
target.pop() 배열 맨 끝에 요소를 추출 item -> Any
target.unshift(item) 배열 시작에 새로운 요소 추가 숫자형, 배열의 길이
target.shift(item) 배열 시작에 요소를 추출 item -> Any
target.splice(index, deletecnt, items)  배열의 index부터 deletecnt만큼 요소를 제거하고
해당 인덱스에 items를 추가해줍니다.
제거된 요소들의 Arr 반환
*원본배열이 변경
target.slice(start, end) 배열의 start <= n < end
n만큼의 subArr를 리턴해줍니다.
*slice() 는 기존 배열을 새로이복사해줍니다.
Arr 반환
target.concat(a, b, c, ..., n) 원시형 혹은 배열 요소들을 합쳐 새로운 배열을 반환합니다. Arr 반환
target.forEach(function()) 주어진 함수를 배열 요소 각각에 대해 실행 합니다. 반환 값은 무시
target.indexOf(item, from) from부터 item을 찾습니다 인덱스 값 반환
못찾을 시 -1 반환
target.lastIndexOf(item, from) from에서부터 앞으로 item을 찾습니다 인덱스 값 반환
못찾을 시 -1 반환
target.includes(item, from) from부터 item을 찾습니다 찾을 시 true
못찾을 시 false
target.find(fucntion()) 배열 요소가 원시형 뿐만 아니라 객체형으로 되어 있을 때
원하는 조건에 맞는 요소를 찾고 요소를 반환합니다.
찾을 시 요소 반환
못찾을 시 undefined
target.filter(function()) find 메소드는 하나의 요소를 찾았다면
filter 메소드는 부합한 요소들의 배열을 반환합니다
찾을 시 배열 반환
못찾을 시 빈배열
target.map(function()) 배열 요소 전체를 대상으로 함수를 호출하고
함수 호출 결과를 배열로 반환 합니다
 
target.sort(function()) 최적화된 퀵소트를 통해 원본 배열을 변환하여 정렬
단 default가 문자열로 바꿔서 정렬하기 때문에
숫자정렬을 하기 위해서는 function에
인수를 넣어줘야 한다.
변수에 반환 시
복사가 아닌 참조
target.reverse(function()) sort reverse 버전 변수에 반환 시
복사가 아닌 참조
target.join(s) 배열에 있는 요소들 마다 문자열 s를 추가하여
concatenate하여 새로운 문자열을 반환
문자열 반환
target.reduce(function(), init) .map method는 배열을 전체 순회하며 배열을 반환했지만
reduce는 배열 전체를 순회하며 계산한 값들을 축적하여
하나의 값을 반환합니다.

sum의 초기값은 init 인자로 결정됩니다
생략할 시 빈 배열일 경우 TypeError가 납니다.
단일 요소 값 반환
target.isArray(value) 기본적으로 arr는 object 객체형에 속하기 때문에
구별할 수 있는 별도의 method가 있습니다
boolean
target.fill(value, start, end) start 부터 end까지 value값으로 채워 넣습니다. 배열 반환