문자열

문자열

문자열은 String 타입으로 사용방법은 따옴표안에 원하는 문자열을 입력하면 된다.

문자열 타입을 반환 하는 방법

코딩을 하다보면 문자열을 숫자로 반환하거나 숫자를 문자열로 반환해야하는 경우가 간혹 있다.
위의 2가지 경우에 대해서 알아보자

기존 변수의 타입을 완전히 변경하는 것이 아닌 결과값만 타입을 변경하여 반환해주는 것이다

문자열을 숫자로 반환

Number(String)

문자열을 정수로 반환 한다.(숫자로 변환 되지 않는 경우 NaN 반환)

let a="123"; // expected output : stirng
Number(a); // expected output : number

Math 객체

Math 객체중 abs, floor, ceil 등과 같은 메서드를 사용하면 문자열을 정수로 반환 한다.(숫자로 변환 되지 않는 경우 NaN 반환)

let a="123"; // expected output : string
Math.abs(a); // expected output : number
Math.floor(a); // expected output : number
Math.ceil(a); // expected output : number

Math.abs() 함수는 값의 절대값을 반환하는 함수이다.
Math.floor() 함수는 인수보다 작거나 같은 수 중에서 가장 큰 정수를 반환하는 함수이다.(내림)
Math.ceil() 함수는 인수보다 크거나 같은 수 중에서 가장 작은 정수를 반환하는 함수이다.(올림)

parseInt(string, radix)

문자열 인자를 받으면 radix 진수의 정수를 반환한다.(radix의 범위는 2~36사이의 진수이며 이 외는 NaN반환)

추가적으로 mdn에 radix 생략 가능하며 string이 0x나 0x로 시작하면 radix는 16진수 이며 string이 0으로 시작하면 radix는 8진수이거나 10진수이다. string이 이 외 다른 값으로 시작하면 10진수이다.

let a="123"; // expected output : string
parseInt(a); // expected output : number

parseFloat(string)

매개변수로 주어진 값을 분석하고 부동소수점 수를 반환한다. (기호, 숫자, 소수점 또는 지수 이외의 문자를 발견하면 그 전까지의 결과만 반환하고 그 이후는 모두 무시한다)

let a="123"; // expected output : string
parseFloat(a); // expected output : number

곱을 하는 경우

이 경우는 문자열이 숫자로만 이루어진 경우 숫자를 곱하여 문자열을 숫자로 반환한다.(이 방법은 추천하지 않는다)

let a="123"; // expected output : string
a*1; // expected output : number

숫자를 문자열로 반환

String(number)

숫자를 문자열로 반환한다.

let a=123; // expected output : number
String(a); // expected output : string

toString(radix)

특정 진수로 Number 객체를 나타내는 문자열을 반환한다.

추가적으로 radix는 생략가능하며 default값은 10(10진수)이다.
또한 2와 36의 사이 값이 아닌 radix가 주어지면 RangeError 에러가 발생한다.

let a=123; // expected output : number
a.toString(); // expected output : string

문자열을 더하는 경우

이 경우는 숫자에 문자열을 더하여 숫자를 문자열로 반환한다.(이 방법은 추천하지 않는다)

let a=123; // expected output : number
a+""; // expected output : string

템플릿 리터럴(Template literals)

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다. 여러 줄로 이루어진 문자열과 문자 보간 기능을 사용할 수 있다.
사용 방법은 백틱(``)을 사용하여 백틱안에 문자열을 입력한다. 또한 플레이스 홀더(${})를 사용하여 표현식도 나타낼 수 있다. 줄 바꿈은 \n 또는 엔터를 사용하여 표현할 수 있다.

let a=1;
let test=`템플릿 리터럴 테스트 문구입니다\n1 더하기 ${a}을 진행합니다.`
// expected output : 
템플릿 리터럴 테스트 문구입니다
1 더하기 1을 진행합니다.