-
자바스크립트 기본 - 숫자와 문자JavaScript/생활코딩 2018. 11. 14. 14:33
숫자와 문자 - https://opentutorials.org/course/743/4647
모든 데이터에는 형식이 있다.
숫자와 문자도 형식에 속한다.
a. 숫자
자바스크립트에서 숫자는 정수와 실수가 있다.
정수와 실수를 엄격하게 구분할 필요는 없다.
정수 : -2, -1, 0, 1, 2 ~
실수 : 소수점이 존재하는 숫자. 0.1, 0.2, 0.3~
예제
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
alert(1.1/4.9); //숫자는 연산기호를 사용하여 연산이 가능하다. ex) +, -, *, /
</script>
</body>
</html>
예제를 크롬에서 열게 되면 1.1 / 4.9의 결과가 경고창으로 나타난다.
경고창 답
1. 0.22448~
예제2
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
alert(Math.pow(3,2)); // 3의 2승
alert(Math.round(10.6)); // 10.6을 반올림
alert(Math.ceil(10.2)); // 10과 가까운 정수로 올림
alert(Math.floor(10.6)); // 10.6을 내림
alert(Math.sqrt(5)); // 5의 제곱근을 알려줌
alert(Math.random()); // 0과 1사이의 랜덤한 숫자
alert(Math.round(100*Math.random())); // 100보다 작은 랜덤한 숫자가 반올림되어 나타남
</script>
</body>
</html>
예제를 크롬에서 열게 되면 Math연산에 대한 값들이 차례대로 경고창으로 나타난다.
경고창 답
1. 9
2. 11
3. 11
4. 10
5. 2.236067~
6. 랜덤한 0.xx
7. 랜덤한 100보다 작은 정수
b. 문자
문자는 ' ', " " 중의 하나로 감싸야 한다.
' ', " " 안에 있는 값은 문자라고 브라우저에게 알려주는 것이다.
예제
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
alert("wjaal"); // 문자는 항상 "" 혹은 ''사이에 씀
alert("wjaal'"); // '은 하나의 정보, 즉 작은따옴표라는 문자라고 해석하기 때문에 정상적인 문법
alert('i\'m jummy'); // '' 사이에 '을 넣고 싶으면 '앞에 \를 쓰면됨. \는 특수한상황에 사용하기로 약속한 것. escape기법
alert(typeof 1); //1의 데이터형. 1은 number, "1"은 string
</script>
</body>
</html>
예제를 크롬에서 열게 되면 문자형식의 값들이 차례대로 경고창으로 나타난다.
경고창 답
1. wjaal
2. wjaal'
3. i'm jummy
4. number
예제2
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script>
alert("wjaal\nwjaal"); // \n은 엔터효과
alert("wjaal"+" wjaal"); // +는 문자열을 더함
alert("wjaal wjaal".length); // 문자의 개수를 계산. 공백도 포함하여 계산함
alert("wjaal wjaal".indexOf("al")); //문자열al의 배열값을 반환
</script>
</body>
</html>
예제를 크롬에서 열게 되면 문자형식의 값들이 차례대로 경고창으로 나타난다.
경고창 답
1. wjaal
wjaal
2. wjaal wjaal
3. 11
4. 3
'JavaScript > 생활코딩' 카테고리의 다른 글
자바스크립트 기본 - 조건문 (0) 2018.11.14 자바스크립트 기본 - 비교 (0) 2018.11.14 자바스크립트 기본 - 주석 (0) 2018.11.14 자바스크립트 기본 - 변수 (0) 2018.11.14 자바스크립트 기본 - 실행방법과 실습환경 (0) 2018.11.14 댓글