연산자, 형변환

연산자

  • "더하기 연산"과 "문자열 연결 연산"을 수행

  • 모두 숫자일 경우에만 더하기 연산이 수행, 나머지는 문자열 연결 연산

typeof 연산자

Name
type
text

기본 타입

숫자

'number'

기본 타입

문자열

'string'

기본 타입

불린값

'boolean'

기본 타입

null

'object'

기본 타입

undefined

'undefined'

참조 타입

객체

'object'

참조 타입

배열

'object'

참조 타입

함수

'function'

  • 동등 연산자와 일치 연산자

    • == : 비교대상의 타입이 다른 경우, 타입변환을 한 이후 비교를 함.

    • === : 비교대상의 타입이 다를 경우, 타입변환을 하지 않고 비교를 함.

    var num01 = 1;
var num02 = "1";

num01 == num02; // true;
num01 === num02; // false;

  • 논리연산자

Name
Tags
Files

AND(&&)

expr1 && expr2

expr1를 true로 반환할 수 있는 경우 expr2를 반환 그렇지 않으면 expr1을 반환

OR(||)

expr1 || expr2

expr1를 true로 반환할 수 있는 경우 expr1를 반환 그렇지 않으면 expr2을 반환

NOT(!)

!expr

단일 피연산자를 true로 변환할수 있으면 false로 반환, 그렇지 않으면 true를 반환

형변환

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

    💡 산술 연산자 더하기(+) 연산자는 숫자보다 문자열이 우선시 되기때문에, 숫자형이 문자형을 만나면 문자형으로 변환하여 연산된다. (문자 > 숫자)

    // 더하기(+)
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

    💡 다른 연산자(-,*,/,%)는 숫자형이 문자형보다 우선시되기 때문에 더하기와 같은 문자형으로의 변환이 일어나지 않는다. (문자 < 숫자)

    //다른 연산자(-,*,/,%)
string * number // number
string * string // number
number * number // number
string * boolean //number
number * boolean //number
“2” * false; //0
2 * true; //2

동치비교

아래의 예제는 엄격하지 않은 동치(==) 비교이며, 아래의 결과값은 좌우항 변환 할 경우 모두 ‘0 == 0 이기때문에’ true 이다.

null == undefined
“0” == 0
0 == false
“0” == false

💡 여기서 유의해야 할 점은 위의 비교는 엄격하지 않은 동치 비교일 경우이기 때문에, 두 값을 비교할 때 데이터타입을 변환하지 않는 엄격한 동치(===) 비교와 혼동되지 않도록 한다.

  • 명시적변환

명시적변환

명시적변환이란 개발자가 의도를 가지고 데이터타입을 변환시키는 것이다. 타입을 변경하는 기본적인 방법은 Object(), Number(), String(), Boolean() 와 같은 함수를 이용하는데 new 연산자가 없다면 사용한 함수는 타입을 변환하는 함수로써 사용된다.

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

A Type → Number Type

//다른 자료형을 숫자타입으로 변형하는 방법은 아래와 같다.
Number()
Number()//는 정수형과 실수형의 숫자로 변환한다.
Number(“12345”); //12345
Number(“2”*2); //4
<aside>
💡 parseInt()는 정수형의 숫자로 변환한다. 만약 문자열이 `숫자 0` 으로 시작하면 8진수로 인식하고(구형브라우저 O, 신형브라우저X), `0x, 0X` 로 시작한다면 해당 문자열을 16진수 숫자로 인식한다. 또한 앞부분 빈 공백을 두고 나오는 문자는 모두 무시되어 NaN을 반환한다.

</aside>

```javascript
parseInt(“27”) //27
parseInt(0033); //27
parseInt(0x1b); //27
parseInt(“ 2”); //2
parseInt(“ 2ㅎ”); //2
parseInt(“ ㅎ2”); //NaN
```

parseFloat()
parseFloat()는 부동 소수점의 숫자로 변환한다. parseInt()와는 달리 parseFloat()는 항상 10진수를 사용하며 parseFloat() 또한 앞부분 빈 공백을 두고 나오는 문자는 모두 무시되어 NaN을 반환한다.

```javascript
parseFloat(“!123”); //NaN
parseFloat(“123.123456”); [//123.123456](https://123.1.226.64/)
parseInt(“123.123456”); //123
parseFloat(“ 123.123456”); [//123.123456](https://123.1.226.64/)
parseFloat(“ a123.123456”); //NaN
```

A Type → String Type
다른 자료형을 문자타입으로 변형하는 방법은 아래와 같다.

```javascript
String()
String(123); //”123"
String(123.456); //”123.456"

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”
```

toString()
toString()는 인자로 기수를 선택할 수 있다. 인자를 전달하지 않으면 10진수로 변환한다.

toFixed()
toFixed()의 인자를 넣으면 인자값만큼 반올림하여 소수점을 표현하며 소수점을 넘치는 값이 인자로 들어오면 `0`으로 길이를 맞춘 문자열을 반환한다.

```javascript
var trans = 123.456789;
var 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"
```

A Type → Boolean Type
다른 자료형을 불린타입으로 변형하는 방법은 아래와 같다.

```javascript
Boolean()
Boolean(100); //true
Boolean(“1”); //true
Boolean(true); //true
Boolean(Object); //true
Boolean([]); //true
Boolean(0); //false
Boolean(NaN); //false
Boolean(null); //false
Boolean(undefined); //false
Boolean( ); //false
```
Previous데이터 타입Next함수

Last updated