자바스크립트의 배열

  배열

배열 : 하나의 저장소에 여러개의 데이터를 저장하기 위한 객체.

- 배열 객체 생성시 배열에 관련된 메서드 및 속성을 사용 할 수 있다.

- 배열에 데이터 저장될시 인덱스라는 주소가 할당되어 저장이 된다.

 

>>자바와 자바 스크립트의 배열 선언은 조금 다르다. 별도로 외워야 한다.

 

▶ 배열 선언

배열 객체 데이터 저장하기

① new 연산자를 쓴다

var 참조변수 =new Array(값1,값2,값3,,,,);

② 대괄호[]를 쓴다

var 참조변수=[값1,값2,값3,,,,);

 

다음은 자바 스크립트의 기본 배열 선언방법 4가지 이다.

 

 - 기본 배열 선언 방법

var arr = new Array();

 - 기본 배열 선언 방법 2

var arr = [];

 - 배열을 객체화 하면서 값을 넣는 방식

var arr = new Array('배열 값1','배열 값2');

 - 배열을 객체화 하면서 값을 넣는 방식 2

var arr = ['배열 값1','배열 값2'];

new 연산자는 메모리를 한번 쓰고 버린다고 하여 인스턴트 시킨다 또는 객체화 시킨다 라고 표현한다.

 

▶배열에 값 접근 및 대입하기

- 변수명[인덱스]로 하여 배열의 값을 가지고 올 수 있다.

- 변수명[인덱스] = 값 으로 하여 값을 대입할 수 있다.

 

▶ 자주쓰는 배열객체의 메서드 및 속성

- length : 배열 객체 데이터 갯수를 반환

arr.length;

- push(new data) : 동적으로 데이터의 값을 저장할 때 사용한다. (마지막 인덱스에 새 데이터를 삽입)

arr.push('data');

 

- pop(): 배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제한다.

arr.pop();

 

 

▶ 배열과 반복문

배열의 크기를 가지고 와 배열의 크기만큼 반복문을 활용하여 배열의 값에 접근이 가능하다.

 

---

배열과 반복문 실습

실습 1) 아래의 배열의 값중 a라고 되어있는 값을 A로 교체하라.(교체후 콘솔에 배열 출력)

var arr = ['a','B','C'];
for(var i=0;i<arr.length;i++){
    if(arr[i]=='a'){
        arr[i] = 'A';
    }
}
console.log(arr);

실습 2) 위의 배열의 끝에 값을 D이라는 값을 추가하여 콘솔에 배열을 출력시켜라.

arr.push('D');
console.log(arr);

실습 3) 구구단 1단부터 9단까지를 출력시키고, 구구단의 값이 3의 배수인 값만 arr이라는 변수에 배열을 할당하여 arr에 담고 그 arr변수를 콘솔에 출력하여라.

var arr = new Array();
for(var i=1;i<=9;i++){
    for(var j=1;j<=9;j++){
        if((i*j) % 3 == 0){
            arr.push(i*j);
        }
    }
}
console.log(arr);

실습 4) 위의 3의 배수를 담은 arr변수의 배열을 반복문으로 풀고 그의 배열의 모든 값을 합산시켜 최종값만 출력하여라.(1296)

var result = 0;
for(var a=0;a<arr.length;a++){
    result += arr[a];
}
console.log(result);

실습 5) 아래의 배열 값 중 2의 배수의 값에는 +10을 적용해주고, 적용 완료 이후 합산시켜 최종값을 출력하라.(for 2번 활용, 1번째 +10, 2번째 합산)(186)

var arr = [2,5,7,8,11,20,25,28,30];
var result = 0;
for(var i=0;i<arr.length;i++){
    if(arr[i]%2 == 0){
        arr[i] += 10;
    }
}
for(var i=0;i<arr.length;i++){
    result += arr[i];
}
console.log(result);