Number 메서드

Number 메서드는 Number 객체에 정의되어 있는 숫자와 관련된 작업을 할 때 사용하는 메서드

대표적인 Number 메서드 5가지

Number.parseFloat()
Number.parseInt()
Number.isNaN()
Number.isFinite()
Number.isInteger()

1. Number.parseFloat() 메서드

Number.parseFloat() 메서드는 문자열을 파싱(parsing)하여, 문자열 첫 번째 숫자 부분을 실수 형태로 반환

ex)
Number.parseFloat("1234"); // 1234
Number.parseFloat("3.14"); // 3.14
Number.parseFloat("7일레븐); // 7
Number.parseFloat("93 08 09"); // 93
Number.parseFloat("GS 25")); // NaN

❗이 메서드는 전역 함수인 parseFloat() 함수와 완전히 같은 동작을 수행❗

2. Number.parseInt() 메서드

Number.parseInt() 메서드는 문자열을 파싱하여, 문자열에 첫 번째 숫자 부분을 정수 형태로 반환

ex)
Number.parseFloat("1234"); // 1234
Number.parseFloat("3.14"); // 3
Number.parseFloat("7일레븐); // 7
Number.parseFloat("93 08 09"); // 93
Number.parseFloat("GS 25")); // NaN

❗이 메서드는 전역 함수인 parseInt() 함수와 완전히 같은 동작을 수행❗

3. Number.isNaN() 메서드

Number.isNaN() 이 메서드는 오직 숫자인 값에서만 동작하며, 그 값이 NaN인 경우에만 true를 반환

ex)
Number.isNaN(0 / 0); // true
Number.isNaN("호랑이"); // false

4. Number.isFinite() 메서드

Number.isFinite() 이 메서드는 오직 셀 수 있는 값에서만 동작하며, 그 값이 유한한 경우에만 true를 반환

ex)
Number.isFinite(0); // true
Number.isFinite(Infinity); // false

5. Number.isInteger() 메서드

Number.isInteger() 메서드는 전달된 값이 정수인지 아닌지를 검사 하여 전달된 값이 정수이면 true를 반환, 정수가 아니거나 NaN, Infinity와 같은 값은 모두 false를 반환

ex)
Number.isInteger(0); // true
Number.isInteger(-100); // true
Number.isInteger(0.1); // false
Number.isInteger("문자열"); // false

String.prototype 메서드

String 인스턴스는 String.prototype으로부터 메소드와 프로퍼티를 상속받으며, 문자열 작업을 유용하게 할 수 있음

문자열에서의 위치 반환
문자열에서 지정된 위치에 있는 문자 반환
문자열 추출
문자열 분리
문자열 결합
문자열의 대소문자 변환
문자열 주위의 공백 제거

1. 문자열에서의 위치 찾기

indexOf()

String 인스턴스에서 특정 문자나 문자열이 처음으로 등장하는 위치 반환

lastIndexOf()

메소드는 String 인스턴스에서 특정 문자나 문자열이 마지막으로 등장하는 위치 반환

ex)
var str = "abcDEFabc";

str.indexOf('abc'); // 0 -> 자바스크립트에서 인덱스는 0부터 시작
str.indexOf('abcd'); // -1 -> 문자열을 비교할 때 문자의 대소문자를 구분
str.indexOf('abc', 3); // 6 -> 인덱스 3부터 'abc'를 찾기 시작
str.lastIndexOf('abc'); // 6
str.lastIndexOf('d'); // -1
str.lastIndexOf('c'); // 8

2. 문자열에서 지정된 위치에 있는 문자 반환

아래 3가지 메서드는 String 인스턴스에서 전달받은 인덱스에 위치한 문자나 문자 코드를 반환

charAt()

harCodeAt()

charPointAt()

ex)
var str = "abcDEFabc";

str.charAt(0); // a
str.charAt(10); // 빈 문자열 - 전달받은 인덱스가 문자열의 길이보다 클 경우에는 빈 문자열을 반환
str.charCodeAt(0); // 97 -'a'에 해당하는 UTF-16 코드를 반환
str.codePointAt(0); // 97 -'a'에 해당하는 유니코드 코드 포인트를 반환

3. 문자열 추출

slice()

substring()

substr()

String 인스턴스에서 전달받은 시작 인덱스부터 종료 인덱스 바로 앞까지의 문자열만을 추출하여 만든 새로운 문자열을 반환

ex)
var str = "abcDEFabc";

str.slice(2, 6); // cDEF -인덱스 2부터 인덱스 5까지의 문자열을 추출
str.slice(-4, -2); // Fa - 음수로 전달된 인덱스는 문자열의 뒤에서부터 시작
str.slice(2); // abcDEFab -인수로 종료 인덱스가 전달되지 않으면 문자열의 마지막까지 추출
str.substring(2, 6); // cDEF
str.substr(2, 4); // cDEF

4. 문자열 분리

split()
String 인스턴스를 구분자(separator)를 기준으로 나눈 후, 나뉜 문자열을 하나의 배열로 반환

ex)
var str = "일석삼조! 화이팅.";

str.split(); //일석3조! 화이팅.
구분자를 명시하지 않으면 아무런 동작도 하지 않음.

str.split(""); //일,석,3,조,!, ,화,이,팅,.
한 문자("")씩 나눔.

str.split(" "); //일석3조!,화이팅.
띄어쓰기(" ")를 기준으로 나눔.

str.split("!"); //일석3조, 화이팅.
느낌표("!")를 기준으로 나눔.

5. 문자열 결합

concat()
String 인스턴스에 전달받은 문자열을 결합한 새로운 문자열을 반환

ex)
var str = "아이스 아메리카노";

str.concat("는 시원해요~")
// 아이스 아메리카노는 시원해요~
str.concat("는 시원해요~", " 그리고 필수에요!")
// 아이스 아메리카노는 시원해요~ 그리고 필수에요!

6. 문자열의 대소문자 변환

toUpperCase()
String 인스턴스의 모든 문자를 대문자로 변환한 문자열 반환

toLowerCase()
String 인스턴스의 모든 문자를 소문자로 변환한 문자열 반환

ex)
var str = "JavaScript";

str.toUpperCase(); // JAVASCRIPT
str.toLowerCase(); // javascript

7. 문자열 주위의 공백 제거

• trim()
  String 인스턴스의 양 끝에 존재하는 모든 공백과 줄 바꿈 문자(LF, CR 등)를 제거한 새로운 문자열을 반환하며,String 인스턴스의 문자열 값 그 자체에는 영향을 주지 않는다.

ex)
var str = "       JavaScript ";

str.trim(); // JavaScript