• Number
  • pareInt
  • 이스케이프
  • prompt
  • 연산자

 

1) Number


문자를 숫자로 형변환 시킬 때 사용한다.

 

let a1 = '200';
// ' ' = 문자
console.log('a1 :', a1 , typeof a1 );
a1 : 200 string

 

' ' 안에 숫자를 넣게 되면 문자로 인식돼 출력 시 문자로 나오게 된다.

 

let a1 = '200';
// ' ' = 문자
console.log('a1 :', a1 , typeof a1 );
a1 = Number( a1 );
console.log('a1 :', a1 , typeof a1 );
a1 : 200 string
a1 : 200 number

이때 Number를 이용해 숫자로 바꾸게 되면 출력도 숫자로 나오게 된다.

 

let a4 = '200px';
a4 = parseInt( a4 );
let a5 = a4 + 100;
console.log('a5 :', a5 , typeof a5 );
a5 : 300 number

 

pareInt는 Number와 같이 문자를 숫자로 변환시켜 주는데, 뒤에 따라오는 문자도 지우고 싶을 때 사용하게 된다.

 

 

2) 이스케이프

let name = '홍길동';
const age = 20;
let addr = '인천';


// + 로 연결
// 이름은 홍길동이고 나이는 20살 이며 주소는 인천입니다.

console.log('이름은 '+name+'이고 나이는 '+age+'살 이며 주소는 '+addr+'입니다.');
console.log();
console.log('이름은 ',name,'이고 나이는 ',age,'살 이며 주소는 ',addr,'입니다.');
console.log();

// %s = 문자열, %d = 숫자
console.log('이름은 %s이고 나이는 %d살 이며 주소는 %s입니다.', name, age, addr);
console.log();
이름은 홍길동이고 나이는 20살 이며 주소는 인천입니다.

이름은  홍길동 이고 나이는  20 살 이며 주소는  인천 입니다.

 

비어있는 console는 줄 바꿈을 위해 넣었다.

 

 

3) prompt

    <script>
        'use strict';
        let a = prompt('값을 입력하세요','0');
        console.log(typeof a);

        a = Number(a);
        // a = parseInt(a);
        document.write(a, typeof a);

    </script>

 

prompt 창에 값을 넣으면 a 에 할당이 되고 숫자로 변환 후 출력이 되게 만들어 보았다.

 

4) 연산자

 

산술연산자를 이용해 간단한 사칙연산이 적용된 값을 출력할 수도 있다.

 

let num1 = 10, num2 = 20, result = 0;
result = num1 + num2;
console.log('합 : %d ', result );

result = num1 - num2;
console.log('차 : %d ', result);

result = num1 * num2;
console.log('곱 : %d ', result);

result = num1 / num2;
console.log('몫 : %d ', result);

result = num1 % num2;
console.log('나머지 : %d ', result);

 

num1,2에 각각 10, 20을 할당한 후 위와 같이 산술연산자를 이용해 출력을 하게 되면

 

합 : 30 
차 : -10 
곱 : 200 
몫 : 0.5 
나머지 : 10

 

이렇게 값이 나오게 된다.

티스토리툴바