<최종 화면> ==, ===, >>, >>>, Number.MAX_VALUE, 전역 변수, typeof(), parse 알아봄.
자바스크립트에서는 중복된 이름의 변수를 선언해도 에러가 안난다.
그리고 같은 변수에 마지막에 값이 없으면 기존의 값이 나온다... (신기)
수치형 변수값 표기를 해보자. (정수,실수)
'==' 비교는 값을 비교하는 연산자이다.
숫자와 문자열은 다른 자료형이므로 + 연사자를 사용하면 결합이 된다.
'===' 연산자는 자료형을 비교하는 연산자이다.
자바에서는 0으로 나누면 예외가 발생한다. 하지만 자바스크립트에서는 Infinity로 출력됨.
비트 연산자도 존재한다.
표현 가능한 최대값을 알아보자.
var을 사용하여 변수 선언을 했지만, 안쓰고도 변수를 사용할 수 있다. ( 전역 변수로 됨)
수치형과 문자형으로 서로 변환할 수 있다.
자바에서도 그렇지만 문자열로 변환할 때는 +""을 많이 사용한다.
parseInt, parseFloat를 사용해보자. (parseDouble은 없음)
둘다 number 자료형임
둘다 number 자료형이지만, 주의점은 실수를 parseInt로 해서 출력해보면 데이터의 손실이 발생한다. ( 3.14 -> 3 )
숫자가 아닌 것을 parse하면 오류가 나지 않고 NaN이 나온다.
prompt를 사용하면 입력 받는 Dialog가 나온다. 입력된 값은 string으로 된다.
입력한 값이 문자열로 인식된다는 것을 알아보자.
(입력한 값 age에 + 3을 하면 덧셈 연산이 안되고, 결합됨. 50+3 -> 503)
|
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>operator</title>
<script>
// 같은 변수의 선언 가능. 심지어 새로 선언해서 값을 넣지 않아도 기존 값 유지
var a=10;
var a;
// 수치형 변수값 표기법
var b= 3.14;
b= 123.5e3;
b= 123.5e-3;
// 연산자 중 특이한 것
var c= 1;
var d= "1";
var e= 1.0; // 실수형 같은 자료형 없음 number 자료형임
// 자바스크립트에서의 비교 연산자 == 은 자료형은 구분하지 않고 값만 비교
// 오해금지! string과 number 자료형은 다른 것임
document.write("1"+6);
//그래서 JS에서는 자료형까지 함께 비교하는 연산자를 제공함
// 0으로 나눗셈 - Infinity 키워드
// 비트연산자 중 >>>(시프트 연산자) : 부호까지 같이 시프트하는 연산자
// 양수는 >>와 차이가 없고.. 음수일때 부호가 변경됨
var g= -16;
// 표현가능한 최대값
// 변수선언 두 번째 방법 : var키워드 없이 변수 만들어 사용하기.
k=5; //전역 변수
// in과 delete 연산자, instanceof 연산자도 있음. [객체 수업때 다시 소개]
// 수치형과 문자형의 변환
var h=1;
// number -> string
// h=String(h);
h= h+"";
// string -> integer(정수)
h= parseInt("4");
// string -> float(실수)
h= parseInt("3.14");
// 숫자가 아닌것을 parse하면?? // NaN : Not a Number
h= parseInt("aaaaa");
// (수치평<->문자열) 왜 할까?
// 사용자의 입력은 무조건 srting 타입으로 읽어짐
// 사용자로부터 입력을 받는 Dialog 보여주기
var age=prompt('input your age', '20');
age= parseInt(age);
// 사용자 입력을 다이얼로그로 받으니까... 좀 많이 불편함
// HTML의 input 요소를 이용해서 가용자 입력 처리해보기..
</script>
</head>
<body>
</body>
</html>
|
'안드로이드 웹앱 콘테츠 개발자 양성(국비지원) > HTML+Java script' 카테고리의 다른 글
| HTML+ Java script (기초) dialog (0) | 2019.12.11 |
|---|---|
| HTML+Java script (기초) 배열 (0) | 2019.12.11 |
| HTML+Java script (기초) HTML요소와 속성을 JS객체,멤버변수처럼 사용 (0) | 2019.12.11 |
| HTML+Java script (기초) 자료형, 함수 참조, 객체 만들기 (0) | 2019.12.11 |
| HTML+Java script (기초) 자바스크립트 문법 사용 (<script> 사용부터..) (0) | 2019.12.11 |
댓글