자바스크립트(JavaScript) 문법 보충 ; 기본문법, 조건문, 반복문, 함수 등

< 자바스크립트(JavaScript) 문법 보충 ; 기본문법, 조건문, 반복문, 함수 등 >

 

* 자바스크립트 출력 스트링문에는 html 문법 적용

 : <br/>, \' escape,  등...

 

* \n : newline

 

* 조건문(if)의 조건절에서 && : and, || : or

 

* JS 주석처리 : // ~~~ (한 줄 주석), /* ~~~ */ (multi-line 주석)

 

* 스트링을 + 로 연결할 때 : 문자와 숫자가 섞여 있으면 숫자는 JS가 알아서 문자로 인식해서 연결함. (str()를 사용해서 문자로 변경해주는게 가장 확실)

 

* Math 연산

Math.pow(3,2);       // 9,   3의 2승

Math.round(10.6);    // 11,  10.6을 반올림

Math.ceil(10.2);     // 11,  10.2를 올림

Math.floor(10.6);    // 10,  10.6을 내림

Math.sqrt(9);        // 3,   3의 제곱근

Math.random();       // 0부터 1.0 사이의 랜덤한 숫자

 

* alert("~~~") : 경고창

 

* console.log(~~~) : 개발자 도구 콘솔창에 JS파일의 정보를 전달

 

* ddocument.write('~~~') : 브라우져 화면에 출력

 

* 문자열.length : 문자열의 길이

 

* 문자열.upperCase : 대문자로 변환

 

* JS의 명령줄 구분 : 명령줄 마지막에 줄바꿈 또는 세미콜론 ; (줄바꿈이 있더라도 세미콜론은 항상 사용하는 습관을 들이자), ; 를 사용하면 한 줄에 여러개의 명령문을 입력할 수 있음. for 문의 마지막 3번째 parameter 뒤에는 ; 를 넣으면 안 됨.)

 

* 변수선언 : var 변수명 or var 변수명 = value --> 최초 1회 선언후는 변수명을 바로 사용하면 됨.

 

* 배열.length : 배열 요소의 개수 --> 이 속성을 이용해서 배열.length 를 i값의 기준으로 for문을 돌리면 배열 요소의 삭제, 추가에 자동적으로 반응하는 배열 index 를 만들 수 있음.

 

* 동등 비교 연산자

 - == : data type은 상관없이 value 값이나 양쪽 데이타가 의미하는 바가 같으면 true 로 인식

 - === : 데이타 값과 데이터 type까지 정확하게 일치해야 함. === 사용을 권장.

 - 부정 : != or !==

 

* while문 또는 for문에서 i 값 1씩 증가시키기

 - 표준 : i = i + 1

 - 동일 의미 양식 1 : i += 1

 - 동일 의미 양식 2 : i++ (i를 현재값을 사용 후 1을 증가시킴)

 - 동일 의미 양식 3 : ++i (i를 1 증가시키고 사용)

 

* 조건문, 반복문 구조

 

* 조건문(if 문)

else, else if 는 모두 생략 가능

boolean의 대체제 : null, undefined 등...

 

if(Boolean)){

    명령문;

}

 

if(Boolean){

    alert(1);

} else {

    명령문;

}

 

if(Boolean){

    alert(1);

} else if(Boolean) {

    명령문;

} else if(Boolean) {

    명령문;

} else {

    명령문;

}

 

* 반복문(while)

 

while (조건){

    반복해서 실행할 코드

}

 

var i = 0;

// 종료조건으로 i의 값이 10보다 작다면 true, 같거나 크다면 false가 된다.

while(i < 10){

    // 반복이 실행될 때마다 coding everybody <br />이 출력된다. <br /> 줄바꿈을 의미하는 HTML 태그

    document.write('coding everybody <br />');

    // i의 값이 1씩 증가한다.

    i++

}

 

* 반복문(for)

 

for(초기화; 반복조건; 반복이 될 때마다 실행되는 코드){

    반복해서 실행될 코드

}

for(var i = 0; i < 10; i++){

    document.write('coding everybody'+i+'<br />');

}

 

 

* 함수 구조

 

function 함수명( [인자...[,인자]] ){

    코드 내용

    return 반환값

 }

 

 * 함수명을 앞으로 뺀 구조 (함수 내용을 변수에 담아서 사용)

 

 var numbering = function (){

     i = 0;

     while(i < 10){

         document.write(i);

         i += 1;

     }  

 }

 

 numbering(); //사용시 함수 호출

 

 * 익명함수; 이름 없는 함수를 괄호로 감싸고 ; 붙여서 즉시 실행.

 

 (function ( [인자...[,인자]] ){

    코드 내용

    return 반환값

 })();

 

* 배열

var member = ['aaa', 'bbb', 'ccc']

 - 추가 : 맨앞(unshift), 중간(splice), 맨뒤(push), 배열(concat)

 - 삭제 :맨앞(shift), 맨뒤(pop)

 - 정렬 : 오름차순 ; sort(), 내림차순 ; reversd()