IT 개발노트
JavaScript 숫자와 문자 본문
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 |