08 자바스크립트의 배열과 for in, for of, forEach문

---

자바스크립트의 배열(Array)

 

- 이름과 인덱스로 참조되는 정렬된 값의 집합
- 배열을 구성하는 각각의 값을 배열 요소
- 배열에서의 위치를 가리키는 숫자를 인덱스

 

 

배열의 생성

let 배열명;
배열명 = [요소1,요소2,요소3...];

let 배열명 = new Array(요소1,요소2,...);

 

 

자바스크립트 배열의 특징

 

1. 배열 요소의 타입이 고정되어 있지 않음

let arr = [1, 1.5, true, "김사과"];

2. 배열 요소의 인덱스가 연속적이지 않아도 됨

let arr = [];
arr[0] = 1;
arr[3] = 5;

 

 

Array 객체의 메소드(함수)

 

메소드명	설명
push()	배열의 요소를 추가
pop()	배열의 마지막 주소에 있는 값을 제거
shift()	배열의 첫번째 주소에 있는 값을 제거
concat()	두개의 배열을 합침
join()	배열 요소 사이에 원하는 문자를 삽입
reverse()	배열을 역순으로 재배치
sort()	배열을 오름차순으로 정렬

 

 

for in문

 

for in문은 변수에 키(인덱스번호)를 저장한다.

for(변수선언 in 객체){
        객체의 요소의 개수만큼 반복할 문장;
        ...
    }

 

[예시]

let arr1 = ['루루', 3 ,3.5, true];
for(let i in arr1){
	console.log(i);
}

 

* for in문으로 선언된 변수 i에 키가 저장된 것을 확인할 수 있다.

 

 

for of 문

 

for of문은 변수에 값을 저장한다.

 

for(변수선언 of 객체){
        객체의 요소의 개수만큼 반복할 문장;
        ...
    }

 

[예시]

let arr1 = ['루루', 3 ,3.5, true];
for(let i of arr1){
            console.log(i);
        }

* for of문으로 선언된 변수 i에 값이 저장된 것을 확인할 수 있다.

 

 

forEach 문

 

forEach문은 오직 Array객체에서만 사용한다.

 

배열명.forEach(콜백함수(변수명1, 변수명2, 변수명3)){
        배열의 요소의 개수만큼 반복할 문장;
        ...
    });

 

[예시]

let arr1 = ['루루', 3 ,3.5, true];
arr1.forEach(function (item, idx, arr) {
            console.log(item, idx, arr);
        });

결과를 보았을 때, 변수에 각각 아래와 같은 값이 들어간 것을 확인할 수 있다.

item = 값
idx = 배열의 인덱스 번호
arr = 배열 자체

 

 

---

열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다.

수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 <(＿＿)>