JavaScript - 메소드

자바스크립트에서 자주 사용되는 메소드를 알아보자!

 

1. Number 메소드

 

  1. Number.parseFloat()

• Number.parseFloat()는 문자열로 선언된 숫자만 실수 형태로 반환하는 메소드이다.

Number.parseFloat("123");         // 123

Number.parseFloat("32.12");      // 32.12

Number.parseFloat("30HELLO");   // 30

Number.parseFloat("10 20 30");   // 10

Number.parseFloat("HELLO 50")); // NaN

• 다음과 같이 문자열로 선언된 123이 실수 형태의 123으로 반환하였다.
• 문자열에 여러개의 숫자가 있으면, 가장 첫 번째 문자열의 숫자만 반환한다.
• 5번째 줄의 문자열에 문자->수 순으로 선언되면 문자부터 인식함으로 NaN = Not a Number이 반환되게 되는 것이다.

 

  2. Number.parseInt()

• Number.parseInt()는 문자열로 선언된 숫자만 정수 형태로 반환하는 메소드이다.
• Number.parseFloat()와의 차이점은 Int는 정수 형태, Float는 실수 형태로 반환한다는 것이다.

Number.parseFloat("123");         // 123

Number.parseFloat("32.12");      // 32

Number.parseFloat("30HELLO");   // 30

Number.parseFloat("10 20 30");   // 10

Number.parseFloat("HELLO 50")); // NaN

• 문자열 32.12를 32로 반환하는 것을 보면 차이점을 확실히 알 수 있다.

 

  3. Number.isInteger()

• Number.isInteger()는 전달된 값이 정수인지 아닌지를 검사하는 메소드이다.
• 정수면 true, 정수가 아니면 false를 반환한다.

Number.isInteger(10);        // true

Number.isInteger(-10);     // true

Number.isInteger(10.1);      // false

Number.isInteger("HELLO"); // false

Number.isInteger(true);     // false

 

  4. Number.isSafeInteger()

• Number.isSafeInteger()는 3번 메소드와 유사하지만 안전한 정수 인지 아닌지를 검사하는 메소드이다.
• 안전한 정수란 -(2^53 -1)부터 (2^53 -1)까지의 범위를 뜻한다.

 

  5. Number.prototype.toFixed()

• Number.prototype.toFixed()는 ( ) 안에 있는 값 , 즉 그 값의 소수 자리 까지 반올림하여 문자열로 반환하는 메소드이다. 

let a = 3.14159265;

a.toFixed();         // "3"

a.toFixed(2);        // "3.14"

a.toFixed(4);        // "3.1416"

3.14159265.toFixed(6); // "3.141593"

• a에 3.141592265 을 할당하고 ( ) 비어 있으면 정수로 반환한 뒤 문자열 "3"으로 반환, (2)일땐 소숫점 둘째 짜리 까지 반환 한 뒤 문자열 "3.14"로 반환한 모습이다.

 

  6. Number.prototype.toString()

• Number.prototype.toString()은 단순하게 전달받은 값을 문자열로 반환하는 메소드이다.
• toString() 괄호 안에는 진법을 이용하여 수를 변환하여 계산할 수 있는데 예시를 보자.

let a = 10;

a.toString();      // "10"

(10).toString();    // "10"

(3.14).toString();   // "3.14"

a.toString(2);     // '1010"

(10).toString(2);  // "1010"

•  a.toString(2)를 선언하였다. a는 10이 할당되어 있으며 toString() 괄호 안에 2라는 수가 들어있으니 10을 2진수로 변환하게 된다. 따라서 10을 2진수로 변환하여 1010이 되었다.

 

  7. Number.prototype.toPrecision()

• Number.prototype.toPrecision()는 반올림과 관계없이 .toPrecision() 괄호안에 있는 수를 이용하여 그 숫자 자리까지 표현하는 메소드이다.

let a = 3.14159265;

a.toPrecision();         // 3.14159265

a.toPrecision(2);        // 3.1

a.toPrecision(4);        // 3.142

• a의 변수에 값 3.14159265를 전달하였다. toPrecision()에서 괄호안의 수를 입력하지 않으면 모든 자릿 수 까지 나타내며 a.toPrecision(2)를 하였을 때 정수부분과 합쳐서 총 2자리 즉 3.1까지의 수를 반환하는 것이다.

 

2. String 메소드

  1. indexOf()

  2. slice()

  3. substr()

  4. split()

  5. concat()

  6. toUpperCase()

  7. includes()

 

 

3. Array 메소드

  1. push()

  2. pop()

  3. shift()

  4. splice()

  5. filter()

  6. includes()

  7. substr()