본문으로 바로가기

자바스크립트 - 01. 숫자와 문자

category 개발/Javascript 2016. 7. 7. 16:49

본 포스팅은 생활코딩강좌의 내용을 근거로 정리한 내용입니다.

숫자

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>web publisher</title>
<script>
    console.log(1); // () 안의 숫자에 대해 알림창 띄움
    console.log(1.224); // 소수표현가능
    console.log(1+1); // 더하기
    console.log(10 * 3); // 곱하기
    console.log(10 / 2); // 나누기
    console.log(Math.pow(2,4)); // 제곱 2의 2승
    console.log(Math.round(11.7)); // 11.7을 반올림
    console.log(Math.ceil(11.7)); // 11.7을 올림
    console.log(Math.floor(11.7)); // 11.7을 내림
    console.log(Math.sqrt(9)); // 3의 제곱근
    console.log(Math.random()); // 0부터 1.0 사이의 랜덤한 숫자
</script>
</head>
<body>
</body>
</html>
cs



크롬브라우저를 실행시킨 후 F12 를 누르면 개발자모드창이 뜨고 Console 탭으로 가면 결과값을 확인가능하다.




문자

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>web publisher</title>
<script>
    console.log("Hello world!"); // 문자는 큰따옴표나 작은따옴표로 묶어주되 둘을 혼합해서 사용해서는 안된다.
    console.log('Hello world!'); // 따옴표는 문자의 시작과 끝을 알린다.
    console.log("Hello world!'"); // 큰따옴표안에 작은 따옴표1개는 문자로 인식함.
    console.log('Hello world!"'); // 작은따옴표안에 큰 따옴표1개는 문자로 인식함.
    
    console.log('Hello\' world!'); 
    // 작은따옴표만으로 문자 구성시에는 작은따옴표앞에 역슬래시(\) 를 붙여준다. 
    // 역슬래시가 붙으면 문자의 시작과 끝을 알리는 것이 아닌 문자로 인식함. 
    // 이때 역슬래시를 escape 라고함.
 
    console.log(1);
    console.log("1");
    // 위 둘은 결과값은 같지만 데이터타입은 다르다.
    console.log(typeof 1);
    console.log(typeof "1");
    // 숫자의 결과값은 number
    // 문자의 결과값은 string
 
    console.log('Hello\n world!'); // \n 은 강제줄바꿈
    console.log("Hello" + "   " + "world!"); // 더하기 연산자로 문자끼리의 결합이 가능하다.
    console.log("1" + "1"); // 결과는? 11 - 이것은 문자다.
    console.log("He llo".length); // 공백을 포함한 문자의 길이를 나타낸다.
    console.log("Hello".indexOf("e")); // 해당 문자의 인덱스값을 알려준다. 인덱스값은 0부터 시작.
</script>
</head>
<body>
 
</body>
</html>
cs



결과값은 아래와 같다.