자바스크립트 기분문법
자바스크립트 주석- 한줄 주석 : //- 범위 주석 : / ~ /변수 선언변수 종류 : 멤버변수와 지역변수변수에 대한 자료형을 선언하지 않음(자료형은 존재)
변수 명명 규칙
1. 영어 대/소문자, 숫자, _, $ 사용가능
2. 첫글자 숫자 사용 불가
3. 공백을 포함한 특수문자 사용불가
4. 이름에 의미있는 단어의 조합 권장
5. 예약어 사용불가
6. 두 단어 이상 결합시 낙타표기법 권장
7. 한글 사용가능
8. 생성자 함수의 이름은 항상 대문자로 시작
9. 변수, 인스턴스, 함수, 메소드는 항상 소문자로 시작- 숫자(Number)
- 정수형 숫자와 부동소수점 숫자로 구분내장객체로 Math객체 제공, 기본 메소드 존재Math.abs(), Math.random(), Math.round(), Math.floor(), Math.ceil(), ...
var x; x=3; //이거와 아래 같음 x=Number(3); //number가 자동형변환된거!! // console.log(x); // alert(x); var num = 4; //전역변수 if(num == 4){ console.log(num) } for(var i =0;i<num;i++){ console.log(i) } //console.log 는 개발자 도구에서 콘솔을 확인하면 출력된다 var absVal = Math.abs(-4); var randVal = Math.random(); var floorVal = Math.floor(3.9); var roundVal = Math.round(3.6); var ceilVal = Math.ceil(3.1); console.log("절대값 : "+absVal); console.log("랜던값 : "+randVal); console.log("버림값 : "+floorVal); console.log("반올림 : "+roundVal); console.log("올림 : "+ceilVal);-
변수를 선언할때 자료형을 함께 선언해줄 필요가 없다.
-
변수는 자동형변환된다
출력값
절대값 : 4 랜던값 : 0.09715940789792477 버림값 : 3 반올림 : 4 올림 : 4
-
문자열 문법
var str = "Hello, javascript, world";
console.log(str);
console.log("대문자 만들기 : "+str.toUpperCase());
console.log("소문자 만들기 : "+str.toLowerCase());
console.log("길이 : "+str.length)
//String result[] = str.split(","); <- 자바 문법
var strSplitted = str.split(",");
console.log("문자열 자르기 : "+strSplitted[1]);
console.log("문자열 자르기2 : "+str.substring(0,5));
//인덱스 0번부터 4번까지 (5번전) 자름 Hello
console.log("인덱스 위치 : "+str.indexOf("l"));
//L은 세번쨰 있음 그랫 0,1,2 2로 출력됨출력결과
Hello, javascript, world
대문자 만들기 : HELLO, JAVASCRIPT, WORLD
소문자 만들기 : hello, javascript, world
길이 : 24
문자열 자르기 : javascript
문자열 자르기2 : Hello
인덱스 위치 : 2형 변환
숫자 -> 문자열
- 숫자와 문자를 + 연산하게 되면 문자가 우선되어 숫자를 문자로 변환함2. 강제 형변환 : String() 생성자 함수 이용
문자열 -> 숫자
숫자, 문자 + 이외에 사칙연산시 숫자가 우선되어 문자를 숫자로 변환강제 형변환 함수 이용 : Number(), parseInt() 등..
var str1 = 7+7;
var str2 = 7+"7";
var str3 = 7+7+"7";
var str4 = "7"+(7+7);
var str5 = "7"+7+7;
console.log("7+7="+str1);
console.log("7+'7'="+str2);
console.log("7+7+'7' = "+str3);
console.log("'7'+(7+7)="+str4);
console.log("'7'+7+7="+str5);
var input1 =2;
var input2="3";
console.log("input1+input2="+(input1+input2));
console.log("input1+input2="+(input1+parseInt(input2)));
console.log("input1+input2="+(input1+Number(input2)));
var numStr1 = "2016년도";
var numStr2 = "제2016년도";
console.log(Number(numStr1));
console.log(parseInt(numStr1)); //숫자로 시작하면 숫자를 뽑아내는게 가능
console.log(Number(numStr2));
console.log(parseInt(numStr2)); //문자로 시작해서 숫자를 뽑아낼수 없음!
//문제로 시작하는 숫자를 뽑아내는 방법 : 정규표현식 -> 나중에 배움출력결과
7+7=14
7+'7'=77
7+7+'7' = 147
'7'+(7+7)=714
'7'+7+7=777
input1+input2=23
input1+input2=5
input1+input2=5
NaN //숫자아니라는 의미
016
NaN
NaN
제어문
- 조건문 : if, if ~ else, else if, switch2. 반복문 : for, while, do~while, for in3. 분기문 : continue, break
<div>
<p>if문 테스트</p>
<input type="text" name="inputVal" id="inputVal">
<input type="button" onclick="ifExercise();" value="결과">
//onclick에 적혀이쓴 값을 이용하여 함수를 이용해 이 버튼을 실행할수 있다.
</div>
<div>
<p>switch문 테스트</p>
<input type="text" name="inVal" id="inVal">
<input type="button" onclick="switchExercise();" value="결과">
</div>
<div>
<p>for문 테스트</p>
<input type="button" onclick="forExercise();" value="결과">
</div>function exercise1(){
if(result==1){
}
return 0
}
function ifExercise(){
var id = document.getElementById("inputVal").value;
//입력받은 벨류값을 함수와 연결해주는 변수 선언
if(id=="1"){
console.log("1입니다.");
}else if(id == "2"){
console.log("2입니다.");
}else{
console.log("잘못입력하셨습니다.");
}
}
function switchExercise(){
var value=document.getElementById("inVal").value;
switch(value){
case "1" : console.log("1입니다"); break;
case "2" : console.log("2입니다"); break;
default : console.log("잘못입력하셨씁니다"); break;
}
}
function forExercise(){
for(var i =0; i <5;i++){
console.log("i의 값 : "+i);
}
}출력결과
1입니다.
2입니다
i의 값 : 0
i의 값 : 1
i의 값 : 2
i의 값 : 3
i의 값 : 4관계연산자
console.log(0=="0");
console.log(0==="0");
console.log(0===0);
console.log("0"==="0");==는 단순 값 비교 ===자료형까지 비교
출력결과
true
a.j5_basic.html:209 false
a.j5_basic.html:210 true
a.j5_basic.html:211 true
hello world