JavaScript_03

 

조건문과 반복문

조건문

비교 연산자 등을 사용해서 True와 False 값을 이용, 조건문의 코드가 실행 여부를 결정 할 수 있다.

var i = 5;  
if ( i == 1){  
    document.write("i is 1");  
}  
else if ( i == 5){  
    document.write("i is 5");  
}  
else {  
    document.write("i isn't 1 and 5");  
}  
// i is 5

반복문

반복문 또한 비교 연산자 등을 사용해서 True와 False 값을 이용, 반복문의 코드가 실행 여부를 결정 할 수 있으며, False 값이 나올 때까지 코드를 반복해서 실행한다.

var i = 0;  
while(i < 10){  
    document.write(i);  
i++; // 조건문 확인 후 i 증가  
++i; // i 증가 후 조건문 확인
}  
/*
i++ 일 경우
..789 
++i 일 경우
..8910
*/

 

함수

함수란

같은 코드가 지속적으로 사용될 경우 필요할 때에 코드를 함수명으로 불러올 수 있는 기능이다.

함수의 선언 방법

  • function “함수명”으로 불러오는 방법
function print(){  
    document.write("print text");  
}  
print();  
// print text
  • 변수에 함수를 넣는 방법
varprint  
print=function(){  
    document.write("print");  
}  
print();  
// print text

선언 방식에만 차이가 있을 뿐 이후 사용방법등은 같다.

 

배열

배열의 선언

var member = ['1', '2', '3'] // member > ["1", "2", "3"]  
member[0] // "1"
member[1] // "2"
member[2] // "3"

반복 문과 배열

var member = ['1', '2', '3']  
for(var i = 0; i < 3; i++){  
    document.write(member[i]);  
}  
// 123

 

배열 수정

  • Push > 배열의 제일 앞에 입력한 값을 집어 넣는다.
var member = ['1', '2', '3']  
member.push('0') // ["0", "1", "2", "3"]
  • unshift > 배열의 제일 뒤에 입력한 값을 집어 넣는다.
var member = ['1', '2', '3']  
member.unshift('0') // ["1", "2", "3", "0"]
  • splice(index,howmany,’element#1’…. ’element#n’)
var member = ['1', '2', '3']  
member.splice(1, 0, '0') // []
// member >> ["1", "0", "2", "3"]

index 배열에 추가할 특정 배열의 위치
howmany : 인덱스를 포함하여 원소를 몇 개나 삭제할 것인지, 0이면 삭제하지 않음
’element#n’ : 넣을 원소

 

배열의 정렬

arr.sort() > 작은 것부터 큰 순으로 정렬

var member = ['2', '3', '1']  
member.sort() // ["1", "2", "3"]  

arr.reverse() > 큰 것부터 작은 순으로 정렬

var member = ['2', '3', '1']  
member.reverse() // ["3", "2", "1"]

arr.shift() > 제일 앞에 있는 원소가 출력되고 배열에서 지워 짐

var member = ['1', '2', '3']
member.shift() // "1"
// member >> ["2", "3"]

arr.pop() > 제일 뒤에 있는 원소가 출력되고 배열에서 지워 짐

var member = ['1', '2', '3']  
member.shift() // "3"
// member >> ["1", "2"]

 

글의 문제가 있다면 댓글을 달아 주세요.

This site uses Akismet to reduce spam. Learn how your comment data is processed.