배열 만들기

1. 배열

값을 저장할 수 있는 엘리먼트(변수)의 연속된 공간. 주소(인덱스, index)를 이용해 각 엘리먼트에 접근 가능.

2. 배열의 정의

빈 배열 : var arr=[];
초기화된 배열 : var arr=[1,2,3,4,5];
엘리먼트에는 어떤 자료형이든 저장될 수 있음

var mixed_arr = [ 1, true, 3.14, "string", {name:"object"}, [1,2,3] ];

3. 배열의 길이

.length 속성 이용

4. 배열의 엘리먼트에 접근하기

대괄호 안에 인덱스를 사용 : arr[index]
arr[0] = 1
console.log(arr[arr.length-1]);

5. 실습

배열 사용하기

1. 배열에 엘리먼트 추가/삭제하기

기본적으로 배열의 앞과 뒤에서 엘리먼트를 추가하거나 삭제할 수 있음.

.push(element) : 배열의 뒤에 엘리먼트 추가
.pop() : 배열의 뒤에서 엘리먼트 삭제하고 리턴
.shift() : 배열의 앞에서 엘리먼트 삭제하고 리턴
.unshift(element) : 배열의 앞에 엘리먼트 추가

2. 배열 붙이기, 검색하기

arr1.concat(arr2) : arr1과 arr2 붙임
arr.indexOf(element) : arr에서 element가 있는 첫 위치를 검색
arr.lastIndexOf(element) : arr에서 element가 있는 마지막 위치를 검색

3. 문자열 split 함수

문자열을 구분자(separator)로 나눠서 각각을 담은 배열을 반환하는 함수

var str="1,2,3,4,5";
arr = str.split(",");

arr = ["1", "2", "3", "4", "5"];

4. 실습

주석

1. 주석

코드에 대한 설명등의 이유로 작성하는 프로그램의 동작과 무관한 코드.

2. 한줄 주석

두개의 슬래시 // 이후에 작성되는 주석

alert("이 코드는 실행됨"); //여기부터 주석
// alert("이 코드는 실행되지 않음"); // 이미 주석임

3. 여러줄 주석

/* 으로 시작해서 */ 으로 끝나는 주석. 여러줄에 걸쳐 활용 가능

/* 여기서부터

age = prompt("나이를 입력하세요");

여기까지 모두 주석 */


var age = 5;
console.log(age);

alert(age + "을 입력하셨습니다.");

4. 실습

if문

1. 조건문

조건에 따라 프로그램의 흐름을 분기해서 특정 코드가 실행되도록 함

2. if, else if, else

if(/*조건식*/){
    /*참인경우 실행될 코드*/
}
else if( /*조건식*/ ){
    /*if 문의 조건이 거짓이고, 위의 조건식이 참인경우 실행될 코드*/
}
/* 여러개의 else if... */
else if( /*조건식*/ ){
    /*위의 if, else if문의 모든 조건이 거짓이고, 위의 조건식이 참인경우 실행될 코드*/
}
else{
    /*모든 if, else if 문이 모두 실행되지 않았을 때 실행될 코드*/
}

3. 실습

switch문

1. switch, case

조건에 따라 프로그램의 흐름을 분기해서 특정 코드가 실행되도록 함

switch( /*비교할 값*/ ){
    case /*값1*/:
        /*비교할 값이 값1인 경우 실행될 코드*/
        break;
    case /*값2*/:
        /*비교할 값이 값2인 경우 실행될 코드*/
        break;

    /*
    ... 여러개의 case
    */

    default:
        /*비교할 값이 위의 모든 값과 다른 경우 실행될 코드*/
        break;
}

2. break

break구문을 만나면, switch-case 문의 마지막 중괄호(}) 밖으로 빠져나옴.
break를 사용하지 않으면, switch문에서 빠져나오지 않고 다음 case에 해당하는 코드까지 실행됨.

3. 실습

학습 완료