[JavaScript] 형 변환

hyocho·2022년 6월 30일
0

JavaScript

목록 보기
2/18

1st revised - 2022.10.05

형 변환

자바스크립트 엔진이 필요에 따라 자동으로 데이터타입을 변환시키는 것.

암시적 변환

// 더하기(+)
number + number // number
number + string // string
string + string // string
string + boolean // string
number + boolean // number
50 + 50; //100
100 + “점”; //”100점”100+ “점”; //”100점”10+ false; //”100"
99 + true; //100

var tt = 2
tt += "";
alert(typeof tt);   // Result : string

tt = "2"
tt *= 1;
alert(typeof tt);    // Result : number
  • 더하기(+) 연산자는 숫자보다 문자열이 우선시 되기때문에,
    숫자형이 문자형을 만나면 문자형으로 변환하여 연산된다. (문자 > 숫자)
//다른 연산자(-,*,/,%)
string * number // number
string * string // number
number * number // number
string * boolean //number
number * boolean //number2* false; //0
2 * true; //2
  • 다른 연산자(-,*,/,%)는 숫자형이 문자형보다 우선시되기 때문에 더하기와 같은 문자형으로의 변환이 일어나지 않는다. (문자 < 숫자)

명시적변환

개발자가 의도를 가지고 데이터타입을 변환시키는 것

var trans = 100; //Number
Object(trans); //100
console.log(typeof trans); //Number
String(trans); //”100"
console.log(typeof trans); //String
Boolean(trans); //true
console.log(typeof trans); //Bolean

// 숫자를 스트링로 바꾸기
var tt = 2
alert(typeof tt);    // Result : number
tt = String(tt);
alert(typeof tt);    // Result : string

// 스트링을 숫자로 바꾸기
tt = "2"
alert(typeof tt);    // Result : string
tt = Number(tt);
alert(typeof tt);    // Result : number
  • Number() : 문자열을 정수형과 실수형으로 변환한다.
Number(12345); //12345
Number(2*2); //4
  • String()
String(123); //”123"
String(123.456); //”123.456"
  • toString():인자로 기수를 선택할 수 있다. 인자를 전달하지 않으면 10진수로 변환한다.
var trans = 100;
trans.toString(); //”100"
trans.toString(2); //”1100100"
trans.toString(8); //”144"
var boolT = true;
var boolF = false;
boolT.toString(); //”true”
boolF.toString(); //”false”
  • toFixed():toFixed()의 인자를 넣으면 인자값만큼 반올림하여 소수점을 표현하며 소수점을 넘치는 값이 인자로 들어오면 '0'으로 길이를 맞춘 문자열을 반환한다.
let trans = 123.456789;
let roundOff = 99.987654;
trans.toFixed(); //”123"
trans.toFixed(0); //”123"
trans.toFixed(2); //”123.46"
trans.toFixed(8); //”123.45678900"
roundOff.toFixed(2); //”99.99"
roundOff.toFixed(0); //”100"

Truth & Falsy

falsy : false로 해석되는 값

false, null, undefined, 0, -0, NaN, 0n, ''(빈문자)

truthy : true 로 해석되는 값

true, {}, [], 'false', -12, ... falsy 값 8개 제외한 모두

profile
기록하는 습관을 기르고 있습니다.

0개의 댓글