IT 개발노트

JavaScript 숫자와 문자 본문

기초튼튼/JavaScript

JavaScript 숫자와 문자

limsungju 2019. 3. 19. 14:03

1. 숫자와 문자
1.1 숫자

: 자바스크립트에서는 큰따옴표나 작은따옴표가 붙지 않은 숫자는 숫자로 인식한다.

코드

1
2
3
<script type="text/javascript">
    alert(1);
</script>


실행결과

- 자바스크립트에서는 1이라고 입력하면 정수, 1.1이라고 입력하면 실수로 인식하기 때문에 정수와 실수를 정의하는게 중요하지 않다.
- 자바스크립트에서 사칙연산을 수행하고 싶다면 +, -, *, /를 숫자와 숫자 사이에 넣어주면 연산이 수행된다.

- 자바스크립트에서는 사칙연산 보다 좀 더 복잡한 연산도 지원한다.

1
2
3
<script type="text/javascript">
    alert(Math.pow(3,2));
</script>


: Math.pow는 앞에 숫자를 뒤에 숫자만큼 거듭제곱한다.

1
2
3
<script type="text/javascript">
    alert(Math.round(10.6));
</script>


: Math.round는 반올림을 해주는 연산이다. 즉 10.6의 반올림인 11이 결과로 출력된다.

1
2
3
<script type="text/javascript">
    alert(Math.ceil(10.1));
</script>


: Math.ceil은 입력한 숫자보다 1큰 정수를 출력해주는 연산이다. 즉 10.1보다 1큰 정수 11이 출력된다.

1
2
3
<script type="text/javascript">
    alert(Math.floor(10.1));
</script>


: Math.floor는 입력한 숫자보다 1작은 정수를 출력해주는 연산이다. 즉 10.1보다 1작은 정수 10이 출력된다.

1
2
3
<script type="text/javascript">
    alert(Math.sqrt(9));
</script>


: Math.sqrt는 입력한 숫자의 제곱근을 출력해주는 연산이다. 즉 9는 3의 제곱이기 때문에 3이 출력된다.

1
2
3
<script type="text/javascript">
    alert(Math.random());
</script>


: Math.random()은 0보다 크고, 1보다 작은 난수를 출력해주는 연산이다. 즉 100 * Math.random()을 해주면 100보다 작은 난수를 얻을 수 있다.
- Math.round(100 * Math.random())을 해주면 Math.round가 100 * Math.random()으로 얻어온 숫자를 반올림 해주기 때문에 반올림된 정수값이 출력된다.

1.2 문자
: 문자는 "(큰 따옴표) 혹은 '(작은 따옴표) 중의 하나로 감싸야 한다. 큰 따옴표로 시작하면 큰 따옴표로 끝나야하고, 작은 따옴표로 시작하면 작은 따옴표로 끝나야 한다. String이라고 한다.
숫자를 따옴표로 감싸면 문자가 된다.

1
2
3
<script type="text/javascript">
    alert("coding everybody");
</script>


1
2
3
<script type="text/javascript">
    alert('coding everybody');
</script>


- 예를들어서 'coding everybody'안에 '를 추가하고 싶다면, '앞에 \(역슬래쉬)를 넣어주면 된다. \는 바로 뒤에 온 문자 하나를 정보로써 받아들이기로 약속된 것이다.

1
2
3
<script type="text/javascript">
    alert('coding\' everybody');
</script>


결과

- typeof는 값의 데이터 형을 알려주는 기능이다.

1
2
3
<script type="text/javascript">
    alert(typeof "1");
</script>


결과

: 숫자가 따옴표 안에 묶여있기 때문에 문자로 인식하여 string이라는 결과를 얻을 수 있다.

1
2
3
<script type="text/javascript">
    alert(typeof 1);
</script>


결과

: 숫자를 따옴표로 묶어주지 않았기 때문에, number라는 결과를 얻을 수 있다.

1.3 여러줄의 표시
: 여러줄을 표시하기 위해서는 아래와 같이 한다. \n는 줄바꿈을 의미하는 특수한 문자이다.
코드

1
2
3
<script type="text/javascript">
    alert("안녕하세요.\n자바스크립트 입문을 축하드립니다.");
</script>


결과

- 문자와 문자를 더할 때는 아래와 같이 한다.

1
2
3
<script type="text/javascript">
    alert("안녕하세요. " + "자바스크립트 입문을 축하드립니다.");
</script>


결과

: 문자와 문자를 더할 때도 +기호를 사용해서 사용할 수 있다.

- 문자의 길이를 출력하고 싶을때는 .length를 사용하면 된다.

1
2
3
<script type="text/javascript">
    alert("coding everybody".length);
</script>


결과


'기초튼튼 > JavaScript' 카테고리의 다른 글

JavaScript 반복문  (0) 2019.03.20
JavaScript 조건문  (0) 2019.03.19
JavaScript 비교(연산자)  (0) 2019.03.19
JavaScript 변수  (0) 2019.03.19
JavaScript 실행방법과 실습환경  (0) 2019.03.12