1cm

[JavaScript] 생활코딩 WEB2 - JavaScript 14~17 본문

WEB_생활코딩/3. JavaScript

[JavaScript] 생활코딩 WEB2 - JavaScript 14~17

dev_1cm 2021. 7. 16. 15:56
반응형

 

조건문 예고

: (if) 하나의 프로그램이 하나의 흐름으로 가는 것이아니라 조건에 따라서 다른 순서의 기능들이 실행되도록 하는 것.

 

 

 

 



비교 연산자와 블리언

Comparison operators & Boolean

=== -> 동등 비교 연산자 / 이항 연산자(좌항 우항을 결합해서 어떠한 데이터를 만든다.)

왼쪽의 값과 오른쪽 값이 같냐 묻는 연산자

-> 참이면 true, 거짓이면 false -> 두 가지를 묶어서 Boolean이라고 부름.

 

숫자 (Number) - 多 (무한)

문자열 (String) - 多 (무한)

불리언 (Boolean) - true / false

 

 

 

 

비교 연산자

ampersand less than -> &lt; (<, 보다 작은)

ampersand greater then -> &gt; (>, 보다 큰)

 

 

수업은 &lt; 까지만 알려주셨고, 꺽쇠를 반대로 하는 법은 &gt;를 적어야 한다는 걸 구글링을 통해 알 수 있었다.

Atom에 적용해서 &gt;로 사용했을 때, 반대로 꺽쇠가 나오는 것을 확인할 수 있었고,

document.write(x>x),(x<x) 괄호 안 꺽쇠를 어떻게 바꾸느냐에 따라 true, false에 값이 달라지지만,

부등호의 방향은 바뀌지 않는다는 것.

 

 

추가적으로 메모장.

&nbsp; ” ” : 공백(스페이스 한 칸)을 의미
&lt; 부등호(<)
&gt; 부등호(>)
&amp; 앰퍼샌드(&) 기호
&quot; 쌍따옴표(“)
&#035; sharp(#)
&#039; 따옴표(‘)

 

 


 

 

조건문

: Conditional Statements

 

 

 

if문에 뒤에 따라오는 괄호 안에는 Boolean data type.

true -> 첫 번째 중괄호가 실행이 되고, else 뒤는 실행되지 않는다.

false -> 첫 번째 중괄호는 실행이 안 되고, else 뒤가 실행 된다.

 

boolean의 값이 무엇이냐에 따라 실행되는 코드가 바뀐다.

-> 즉, 조건에 따라서 true, false가 오도록 하면 되는 것이다.

 

 

 


 

조건문의 활용

 

 

 

 

id값이 night_day인 value값을 확인할 수 있다.

콘솔에서 night라고 나온 이유는 value값을 처음에는 night이라고 설정했기 때문.

 

 

 

 

if (x) {y} else {z} -> 만약 괄호 안에 값이 x와 같다면 y가 실행되고, 그렇지 않다면 z가 실행되도록 한다.

-> 긴 코드 필요없이 조건문으로 축약할 수 있다.

반응형
Comments