코테를 위한, 코딩을 위한 함수
자주 사용하지 않는 함수들 혹은 알아야 하지만 까먹는 함수들 위주로 정리해보았습니다.
1. String 만들기
number + “” 를 하면 string으로 자동 타입 변환을 해줌!
2. 특정 크기 배열 만들기
Array(숫자) ⇒ 숫자 길이 만큼의 배열을 생성
3. .toString()
number.toString(radix)
radix Optional수의 값을 나타내기 위해 사용되기 위한 기준을 정하는 2와 36사이의 정수. (진수를 나타내는 기수의 값.)
12.toString(2) ⇒ 2진수
String() 과 헷갈리지 말기
.toString이 객체에 적용되면 원시타입을 return 해줌.
4. .repeat()
"$".repeat(3) 을 하면 “$$$”가 됨
5. Math.함수
!숫자.ceil() 아님
1. Math.pow(1,2) ⇒ 1의 제곱
2. Math.ceil(1.2) ⇒ 2 올림.
3. Math.floor(1.2) ⇒ 1 소수점 버림
4. Math.round(1.5) ⇒2 반올림6. 자바스크립트 비트 연산자
[https://blankspace-dev.tistory.com/425](https://blankspace-dev.tistory.com/425)7. .padStart() / .padEnd()
1. .padStart(자릿수, 들어갈 것)
12.padStart(3, 0) ⇒ 012
12.padStart(3) ⇒ “ 12”
2. .padEnd(자릿수, 들어갈 것)
12.padStart(3, 0) ⇒ 120
8. 자바스크립트의 False
첫 번재 매개변수로서 전달한 값은 필요한 경우 불리언 값으로 변환됩니다.
값이 없거나,
0
-0
[null]
false
[NaN]
[undefined]
빈 문자열 ("")
이라면 객체의 초기값은 false가 됩니다.
* 문자열 "false" 를 포함한 그 외 모든 다른 값은 초기값을 true
로 설정합니다.
값이 0 이면 False 처리 된다는 점.. 기억
9. string에서는 .replace를 사용하기
10. 정규표현식
-
g는 발생할 모든 pattern에 대한 전역 검색, gi는 대/소문자 구분 안함
-
정규표현식 사용할때 “”안에 두면 안됨(가끔 오는 혼동이 있음 : string처럼 사용 금지)
-
보통 많이 쓰이는 함수는 .match, .split, .replace 가 있음
-
만약에 정규 표현식에 해당하는 부분을 배열로 변환하고 싶으면 .match 사용하는게 편함
11. array.join
배열을 string으로 변환,
만약에 콤마를 빼고 string으로 변환하고 싶으면 .join("")을 사용
12. .indexOf
arr.indexOf(searchElement[, fromIndex])
array.indexOf(”kim”)
- 반환값 배열 내의 요소의 최초의 인덱스. 발견되지 않으면 -1.
13. .entries
Object.entries(obj)
객체의 [key, value] 쌍이 반환
Return value
지정된 객체 자체의 열거 가능한 문자속성 [key, value] 쌍의 배열, 순서는 주어진 객체 순서랑 동일
* 면접때 질문으로 들어왔음
14. .sort
arr.sort([compareFunction])
매개변수
compareFunction Optional
정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 코드 포인트 값에 따라 정렬됩니다.
반환 값
원 배열이 정렬되는 것에 유의!
설명
compareFunction이 제공되지 않으면 요소를 문자열로 변환하고 유니 코드 순서로 문자열을 비교하여 정렬
숫자 정렬에서는 9가 80보다 앞에 오지만 숫자는 문자열로 변환되기 때문에 "80"은 유니 코드 순서에서 "9"앞에옵니다.
=> 숫자 정렬법 예시
var numbers = [4, 2, 5, 1, 3];
numbers.sort(function(a, b) {
return a - b;
});
console.log(numbers);