자바스크립트를 쓰려면!!
HTML파일이나 JSP에서 보통 <head>에
<script type="text/javascript"> </script>을 넣어서사용합니다.
자바스크립트는
-오류를 잡아주지않습니다...
-에러가 있어도 실행은 하나 에러 전까지의 작업만 수행합니다.
자바스크립트의 var
-var은 변수인데 참조변수라서 배열, 문자, 숫자 상관없이 다 사용가능합니다.
//문자열
alert('이것도 문자열이고 ');
alert("이것도 문자열임..");
alert("제 이름은 'name'입니다"); // " "안에 있는것은 모두 문자입니다.
alert('제 이름은 "name"입니다'); // ' '안에 있는것도 모두 문자입니다.
alert('서식문자 \" name\"'); // java에서 쓰듯이 "앞에 \를 써줘도 됩니다!
//숫자 자료형
alert(23); // " "나 ' '가 없으면 숫자입니다!
alert(23.9); //
//논리자료형
alert(2>3); // 비교를 하면 논리자료형이되고 값은 true / flase 로 출력됩니다.
alert(3>2);
--------------------------------------------------------------------------------------------
타입확인
var a = '드루와';
var b = 23;
var c = 2>3;
var d = {};
var e = [];
var f = function(){};
타입
alert(typeof(a)) ;//String
alert(typeof(b)); //number
alert(typeof(c)); //boolean
alert(typeof(d)); //object
alert(typeof(e)); //object
alert(typeof(f)); //function
alert(typeof(g)) ;//undefined 값이 없어서 undefined로 나옵니다.
alert("??????");
var array = [ 1, '문자', true]; // 배열도 var에서 선언가능합니다.
array.push = function(d){
alert(d+"가 들어왔네 ");
};
array.push('추가염'); // push 에
alert(array[0]);
alert(array[1]);
alert(array[2]);
alert(array[3]);
--------------------------------------------------------------------------------------------------
배열도 객체라는 것을 보여주기위한 예제
var object = {
"num" : 1,
"str" : '문자',
"bool" : true
};
object.num = 2; //기존 추가 num값이 1이였는데 2로 수정
object.addVal = "새로추가";
alert(object["num"]); // alert(object.num);
alert(object["str"]); // alert(object.str);
alert(object["bool"]); // alert(object.bool);
alert(object["addVal"]); // alert(object.addVal);
--------------------------------------------------------------------------------------------------
if문 예제
현재시간을 받아와서 if을 사용해 값을 출력하는 예제입니다.
var date = new Date();
var hour = date.getHours();
if(hour > 12)
alert('오후네요');
else
alert('오전이네요 아직도');
---------------------------------------------------------------------------------------------------
else if문 예제
위와 같은 예제로 else if문도 사용가능하겠구요!
var date = new Date();
var hour = date.getHours();
if(hour < 12)
alert("오전");
else if(hour <13 )
alert("점심");
else if(hour< 18)
alert("오후");
else
alert("저녁");
------------------------------------------------------------------------------------------------------
switch 예제
사용자로부터 prompt를 사용하여 숫자를 입력받아 숫자를 2로 나눠
짝수, 홀수를 판별. default를 사용해서 숫자가 아닌값을 받으면 아래와같이 출력
*prompt 는 scaner 처럼 값을 입력받을 때 처럼 창을 띄워서 값을 입력받는 거에요.
var input = Number(prompt('숫자를 입력하세요.', ' text창에 띄워주는 text '));
switch(input % 2){
case 0:
alert("짝수네요");
break;
case 1:
alert("홀수네요");
break;
default :
alert("숫자가 아니네요")
break;
}
----------------------------------------------------------------------------------------------------
for문 예제
간단한 배열을 for문을 돌려서 출력!
var arr = [1,2,3,4,5];
for(var i in arr )
alert(arr[i]);
---------------------------
같은 출력 (for in문)
var arr = [1,2,3,4,5];
for(var i in arr )
alert(arr[i]);
*for(var 변수 in 데이터셋)
-> 데이터셋에서 데이터의 식별자를 하나씩 꺼내서 변수에 담고 구문 실행
------------------------------------------------------------------------------------------------------
함수 : 명령어의 집합
자바스크립트에서의 함수 : 코드의 집합을 나타내는 자료형
var myFunction = function(){ //익명함수
alert('함수ㅋㅋ');
};
alert(myFunction) // myFunction 은 문자를 가지고있을뿐....
myFunction(); // 함수로 사용하려면 (); 를 붙이면 들고있는 명령어집합을 실행!
---------------------------------------------------------------------------------------------------------
선언함수는 명령어 흐름이 스타트포인트에서 출발하기 전에 미리 모든 선언함수는 스캔
*그래서 선언함수가 많으면 프로그램이 무거워짐.. 시작부터 바로 메모리로드가 되버려서
var myFunction = function(){ //익명함수
alert('함수ㅋㅋ');
};
myFunction();
functionA();
//선언함수
function functionA(){
alert('나는 선언함수')
}
'JavaScript' 카테고리의 다른 글
| 자바스크립트 - 03. 복습 및 객체 (window객체, 예제) (0) | 2016.07.12 |
|---|---|
| 자바스크립트 - 02.함수(내부함수, 콜백, 클로저, setTimeout과 setInterval ) (0) | 2016.07.11 |
