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값으로 채워 넣습니다. | 배열 반환 |