이 내용은 '생활코딩'에서 공부한 내용을 정리한 글이다.
자세한 내용은 https://www.opentutorials.org/course/743 이곳에서 확인할 수 있다.
모든 내용의 출처는 이곳이다. 다른 언어를 알고있는 상태로 공부한 내용이다.
-조건문 if-
|
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
//조건문은 boolean을 반환한다.
if(true){ //if가 true면 if문을 실행하고 아니면 else문을 실행
//현재 if는 무조건 true이기 때문에 if가 실행되고 else는 실행되지 않는다.
//C++과 같이 동작함.
console.log(100);
}
else{
console.log(-200);
}
prompt("당신의 나이는"); //프롬프트 창이 뜨면서 사용자 입력을 받을 수 있다.
alert(prompt("시험 몇점??") * 2); // 입력받은 점수 * 2를 경고창으로 뛰움.
var id = prompt("번호입력??");
var pd = prompt("비번 입력");
if(id == '01012345678'){
if(pd == "0000"){
alert("로그인");
}
else alert("비번 다름");
}
else alert("거짓");
//논리 연산자로 위의 코드를 줄일 수 있다. if(id == '01012345678' && pd == '0000')
//논리 연산자 : C++과 비슷하다.
// || : or 연산자 ! : not연산자 && and 연산자
// 빈 문자열은 false로 간주한다. undefined = null = NaN == false
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5; text-decoration:none">Colored by Color Scripter
|
다른 언어와 비슷하다. If문과 else문을 통해 조건문을 제어하고 중첩제어문 역시 가능하다.
비교연산자 중, '==' 는 동등 연산자로 좌항과 우항을 비교해서 서로 값이 같다면 true 다르다면 false가 된다.
'===' 는 서로 같은 수를 표현하고 있더라도 데이터 형이 같은 경우에만 같다고 판단한다.
null과 undefined는 값이 없다는 의미의 데이터 형이다. null은 값이 없음을 명시적으로 표시한 것이고, undefined는 그냥 값이 없는 상태라고 생각하면 된다.
NaN은 0/0과 같은 연산의 결과로 만들어지는 특수한 데이터 형인데 숫자가 아니라는 뜻이다.
-반복문, while_for-
|
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
var i=0;
while(i < 10){ //반복문 : C++과 같음
document.write('name : Hur <br />'); //웹 페이지에 출력하기 위함.
i += 1;
}
for(var k=0; k < 10; k++){ // for반복문 : C++과 같다.
document.write('name : Kim' + k + "<br />");
}
for(var j=0;j<10;j++){
if(j == 5) break; //break는 반복문 종료
document.write("name : FIFA Online4 " + " " + j + '<br />');
}
for(var j=0;j<10;j++){
if(j == 5) continue; //continue는 그 부분만 넘어감
document.write("name : FiFA19 " + " " + j + '<br />');
}
// C++과 반복문 문법이 비슷하다.
// 중첩 반복문 역시 C++과 비슷하다.
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#e5e5e5; text-decoration:none">Colored by Color Scripter
|
반복문 역시 다른언어와 유사하다.
위에서 사용한 document.wtite()는 웹 페이지에 ()안의 내용을 출력한다.
'<br />'은 줄뛰움의 표현이다.
'JavaScript' 카테고리의 다른 글
| [JavaScript] 변수의 유효범위 (0) | 2019.05.19 |
|---|---|
| [JavaScript] 객체 (0) | 2019.05.08 |
| [JavaScript] 함수, 배열 (0) | 2019.05.08 |
| [JavaScript] 변수 (0) | 2019.04.28 |
| [Javascript] 숫자, 문자열 (0) | 2019.04.28 |