[JS]13_배열 값 전체 출력하기(for, forEach, for in, for of)

1. for
2. forEach()
3. for in
4. for of

1.for

//배열 선언
const arr = ['A', 'B', 'C'];

//배열 출력(for문)
for(let i=0; i<arr.length; i++){
  document.write(arr[i] + '<br>');
}

-> 값
A
B
C

: 가장 기본적인 반복문 for문을 사용하여 배열을 값을 출력하였다.
: 배열은 0부터 순서대로 index가 증가하기 떄문에 for문을 이용하여 index를 사용하여 배열에 순차적으로 접근하여 각각의 값을 출력하였다.

2.forEach()

: forEach()함수는 배열의 element에 대해 파라미터로 입력받은 함수를 실행시켜주는 함수이다.

//배열 선언
const arr = ['A', 'B', 'c'];

//배열 출력(forEach)
arr.forEach(element => {
  document.write(element + '<br>');
})

-> 값:
A
B
C

-> 위 예제는 forEach()함수에 다음과 같은 함수를 파라미터로 전달하였다.

3. for in

: 객체의 속성을 순회하는데 사용한다.
: 객체의 key를 가져올 수 있다. 배열의 key는 index이므로 for..in 구문은 배열은 index를 가져오게 된다.
: for문과 마찬가지로 가져온 index로 배열의 element를 참조하여 배열의 값을 출력하였다.

//배열 선언
const arr = ['A', 'B', 'C'];
//배열 출력(for in)
for(let index in arr){
  document.write(arr[index] + '<br>');
}

-> 값:
Not Found

4. for of

: 배열을 포함한 iterable 객체를 순회하는 반복문이다.
: for..in이 배열의 index를 참조하는 것과 달리 for..of는 배열의 element 값을 참조할 수 있다.

//배열 선언
const arr = ['A', 'B', 'C'];

//배열 출력(for of)
for(let element of arr){
  document.wirte(element + '<br>');
}