* 변수 사용법
변수(Variable)는 (문자나 숫자 같은)값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다.
여기에 담겨진 값은 다른 값으로 바꿀 수 있다.
js 에서 변수는 var로 시작한다. 변수를 선언하겠다는 것을 의미.
var을 생략할 수도 있지만 익서은 유효범위라는 것에 영향을 미친다.
->var a=1;
->alert(a);
1이라고 경고표시 됨 ->var a=10;
->alert(a);
10이라고 경고표시 됨 ->var a=1;
->var b=2;
->alet(a+b);
3이라고 경고표시 됨->var a=2;
->alet(a+b);
4라고 경고표시 됨변수의 이름은 $, _, 혹은 특수 문자를 제외한 모든 문자로 시작할 수 있다.
->var first='conding';
->alert(first+'everbody');
conding everbody 라고 경고표시 됨
숫자뿐 아니라 문자도 들어갈 수 있다
변수 처음 선언할때는 var를 붙여야 하지만 선언 후에는 생략 가능 ->var first='conding';
->alert(first+'everbody');
->firrst='코딩';
->alert(first+'everbody');
코딩 every body라고 경고표시 됨
->var a='coding',b='everybody';
->alert(a+b);
codingeverybody 라고 경고표시 됨변수는 코드의 재활용성을 높여준다.
추후 유지보수에 유용하며, 버그 발생가능성을 줄여준다.
예시)
*변수 사용하지 않음
alert(100+10);
alert((100+10)/10);
alert(((100+10)/10)-10);
alert((((100+10)/10)-10)*10);*변수 사용
a = 100;
a = a + 10;
alert(a);---->110
a = a / 10;
alert(a);---->11
a = a - 10;
alert(a);---->1
a = a * 10;
alert(a);---->10
* 주석 사용법
//를 사용하여 주석 처리 함
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
//주석. comment
</script>
</body>
</html>코드를 소개하는 내용이나, 미리 결과 입력 시에 사용
// 줄바꿈 하기 전까지만 주석
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
//실습용 코드 입니다.
alert(1+2); //결과:3
</script>
</body>
</html>줄바꿈을 사용할때에는 /* */를 사용
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
/*
여러줄
여러줄
여러줄
여러줄
*/
alert(1+2);
</script>
</body>
</html>* 줄바꿈과 여백
; 세미클론은 명령이 끝났다는 것을 명시적으로 끝났다는 것을 의미
; 삭제 해도 줄이 바뀌면 명령이 끝났다는 것으로 간주.
그래도 표시하는 것이 좋은 습관
두줄을 한줄로 바꿀 시에는 ; 표시 필요
ex)
var a=1; alert(a) -> O
var a=1alert(a) -> X
ar a=1 alert(a) ->Xvar 와 a 사이에는 띄어쓰기 필요
ex)
var a=1 -> O
vara=1 -> Xa와 = 사이에는 띄어쓰기 불필요
* 연산자
어떤 작업을 컴퓨터에게 지시하기 위한 기호
✔️ 대입 연산자
a=1
a라는 변수에 1이라는 값(상수)을 대입한다.
= -> 대입 연산자
✔️ 비교 연산자
주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다.
이 때 비교연산자를 사용하는데 결과는 true, false 중 하나이다.
이것은 블린(boolean)이라고 불리는 데이터 형식이다.
a=b
a;좌항 연산자
b;우항 연산자
==
; 동등 연산자(eauql operator)
좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다.
숫자,문자 둘다 사용 가능
alert(1==2) 👉//false
alert(1==1) 👉//true
alert("one"=="two") 👉//false
alert("one"=="one") 👉//true
===
; 일치 연산자(strict eauql operator)
좌항과 우항이 '정확'하게 같을 때 true 다르다면 false 이다.데이터의 형식도 일치 할때 true
❗️동등연사자는 데이터형식의 일치 유무 식별이 불가하여 버그발생율이 높으므로 일치연사자를 사용할 것
alert(1==="1")
->결과: false
alert(1=="1")
->결과: true
null ; 값이 없다
undefined; 값이 정의되지 않았다
ex)
->var a;
->alert(a);
undefined라고 경고 나옴
프로그래머가 의도하지 않은 상황
->var a=null;
->alert(a);
null 라고 경고 나옴
프로그래머가 값이 없다는 것을 의도적으로 지정한 상황
->alert(undefined==null);
true 라고 경고 나옴
->alert(undefined===null);
false 라고 경고 나옴
데이터 성격에 따라 카테고라이징 하는 것
데이터 타입(ex,Boolean, number, string,undefined, null )
[Boolean] true /false
[number] -1,0,1,2
[string] "a" "b"
[undefined] undefined
[null] null
동등연산자는 숫자 1 을 True 로 간주함. 나머지는 false로 간주함
ex)
alert(true == 1); //true
alert(true == 2); //false
alert(true == 3); //false
.
.
.
일치 연산자의 경우 숫자 1을 true로 간주하지 않음
alert(true === 1); //false
0/0 을 입력하면 NaN이 나온다.
0/0은 성립하지 않는 수이다.
alert(0 === -0); //true
alert(NaN === NaN); //false
!=
; 부정을 의미
==와 정반대릐 결과를 보여준다.
alert(1!=2); //true
alert(1!=1); //false
alert("one"!="two"); //true
alert("one"!="one"); //false!==
; 정확하게 같지 않다는 의미다.
>
; 좌항이 우항보다 크다면 참, 그렇지 않다면 거짓임을 알려주는 연산자다
alert(10>20); //false
alert(10>1); //true
alert(10>10); //false
>=
; 좌항이 우항보다 크거나 같다.
alert(10>=20); //false
alert(10>=1); //true
alert(10>=10); //true
