S.S.G

confirm, prompt, length, var, 비교연산자, substring 본문

코딩/JavaScript

confirm, prompt, length, var, 비교연산자, substring

자유로운개발 2016. 7. 21. 11:37
반응형

▷confirm();

 - 버튼 클릭시 확인창을 띄운다.

 

결과

 

 

 

▷ prompt();

 - 문자열을 입력받을 때 사용

 - 숫자를 입력 받아야 하는 경우는 문자열로 입력 받은 뒤 변환

 

 

결과

 

 

 

 

▷ length

 - 문자열 길이, 숫자의 개수 얻기.

 

 

결과

 

 

 

▷ var

 

 -> var 문을 사용하여 변수 선언을 할 수 있다.

   이 변수에 어떤값을 넣어도 가능하다

 

var a;

a = 20;   -> Number 데이터형

a = "티스토리"  ->  String 데이터형

a = true;  -> boolean 데이터형

a = new Object(); ->  Object 데이터형

a = function(){};  ->   function 데이터형

 

출력은 console.log(a);  or  console.log(20);  으로 가능하다.

 

 

▷ 비교 연산자

 

 

[테스트]

 

1. console.log(33 > 7); 
2. console.log("decision fatigue".length < 150);
3. console.log("Good Morning".length > 4);
4. console.log(4*9 === 36);

5. console.log("String" !== "Number");

6. if ("yourName".length >= 7 ) {
    console.log("you have a long name");
}

 

결과값

1. true

2. true

3. true

4. true

5. true

6. you have a long name

 

 

 

▷문자열 자르기 -> substring

 

"wonderful day".substring(3,7);   

 

w o n  d e r f

 -> 3 은 문자열의 인덱스 즉, 0, 1, 2, 3 인 "d" 위치를 가리킨다.

          

w o  n  d e r f

 -> b 는  1, 2, 3, 4, 5,6,7 인 "f" 위치를 가리킨다.

 

 결과

derf

 

[테스트]

 

console.log("Monday".substring(0,3));  
console.log("Long lost other half".substring(0,9));  (공백도 포함시켜야 한다)
console.log("Hamburgers".substring(2,7));

 

결과

Mon
Long lost
mburg

 

 

 

[연습해보기]

 

confirm("I am ready to play!");

 

var age = prompt("What's your age");

 

if(age <= 13){
    console.log("you cannot play this game");  
}else {
    console.log("enjoy the game");   
}

 

실행결과

 

                                                  

 

 

 

 

 

[출처 : http://codecademy.com]

반응형