본문 바로가기
JavaScript

[JavaScript] 숫자와 문자

by byeongoo 2019. 5. 23.

1. 숫자

프로그래밍에서 가장 많이 사용하는 데이터형인 문자와 숫자를 어떻게 표현하고 연산하는지 알아보겠습니다. 자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식합니다. 

 

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
       <script>
           alert(1);
           alert(1.2+1.3);
           alert(2*5);
           alert(6/2);
       </script>
</body>
</html>

다음과 같은 파일을 실행해보면 각각의 연산에 대해서 경고창이 뜨는 것을 볼 수 있습니다. '/'는 나누기 연산자로 몫을 반환합니다. '*'는 곱하기 연산을 합니다. 하지만 이렇게 파일을 만들지 않고 개발자 도구를 이용해서 쉽게 자바스크립트를 실행해 볼 수 있습니다. 크롬을 기준으로 F12키를 클릭 후 console창에 alert(1); 을 치면 조금 전과 같은 결과를 얻을 수 있습니다.

 

크롬 개발자 도구

Math.pow(3,2);       // 9,   3의 2승 
Math.round(10.6);    // 11,  10.6을 반올림
Math.ceil(10.2);     // 11,  10.2를 올림
Math.floor(10.6);    // 10,  10.6을 내림
Math.sqrt(9);        // 3,   3의 제곱근
Math.random();       // 0부터 1.0 사이의 랜덤한 숫자

자바스크립트에서 여러 연산을 할 때는 Math를 이용합니다. Math뒤에는 연산의 종류를 써주면 됩니다. pow의 경우에는 제곱을 해주는 메소드입니다. 

 

2. 문자

문자는 "(큰 따옴표) 혹은 '(작은 따옴표) 중의 하나로 감싸야 합니다. 큰 따옴표로 시작하면 큰 따옴표로 끝나야하고, 작은 따옴표로 시작하면 작은 따옴표로 끝나야 합니다. String이라고 합니다. 

alert("coding everybody");
alert('coding everybody');

숫자를 따옴표로 감싸면 문자가 됩니다. 아래는 문자입니다. typeof는 값의 데이터 형을 알려주는 기능을 합니다.

alert(typeof "1");

 

만약 문자열 안에 작은 따옴표나 큰따옴표를 넣고 싶다면 어떻게 해야할까요? 아래와 같이 코드를 작성하면 작은 따옴표를 문자열 안에 포함시킬 수 있습니다.

alert('egoing\'s javascript');

 

\를 ' 앞에 위치시키면 ' 를 문자열의 시작과 끝을 구분하는 구분자가 아니라 단순히 문자로 해석하도록 강제 할 수 있습니다. 이러한 기법을 이스케이프(escape)라고 합니다.

 

alert("안녕하세요.\n 코딩의 세계에 오신 것을 환영합니다"); 

 

문자와 문자를 더할 때는 아래와 같이 합니다. 또한 문자의 길이를 구할 때는 문자 뒤에 .length를 붙입니다.

alert("coding"+" everybody");
alert("coding everybody".length)

 

#출처: 생활코딩 (https://opentutorials.org/course/743/4647)

'JavaScript' 카테고리의 다른 글

[JavaScript] 반복문  (0) 2019.05.23
[JavaScript] 조건문  (0) 2019.05.23
[JavaScript] 비교 연산자(==, ===)  (0) 2019.05.23
[JavaScript] 변수의 사용  (0) 2019.05.23
[Javascript] 자바스크립트 Hello World  (0) 2019.05.23