0808 TIL

for문 + forEach문

function App(){
  var arr = [1,2,3,4,5];
  // 1번째 방법
  arr.forEach(function(item){
   console.log(item); // 순서대로 1,2,3,4,5 출력
  });
  //2번째 방법 (익명함수 이용)
  arr.forEach((item)=>{
    console.log(item);  // 순서대로 1,2,3,4,5 출력
  });
  //for문으로 하면 이렇다.
  for(var i=0; i<arr.length; i++){
    console.log(arr[i]) // 순서대로 1,2,3,4,5 출력
  }
}

코드해석 :
item 은 아무거나 지어줄 수 있는 이름이다. 파라미터라고 하며, 함수가 외부 데이터를 받아서 내부에서 처리할 때 사용할 이름을 파라미터라고 한다.

우선 반복문을 사용할려면 내부에 데이터가 여러개가 있어야되는데, 하나의 변수에 여러개의 데이터를 가지기 위해서는 배열리아는 자료구조를 이용해야해서 var arr = [1,2,3,4,5] 와 같이 arr 이름을 가진 배열을 생성,
따라서 변수가 배열의 타입을 가질 경우 forEach를 사용할 수 있는데, forEach를 사용하면 arr 배열의 값을 0번째부터 차례로 꺼내온다.
0번째 데이터를 꺼내고 item이라는 파라미터에 넣어준다. 그리고 함수 내부에서 0번째 데이터를 사용할 때는 앞으로 item이라는 변수 이름으로 사용한다.
forEach 함수 내부에서 데이터 처리가 끝나면 1번째 데이터를 다시금 item변수에 넣어주고 다음의 과정을 반복.
마지막 데이터 (즉, 4번째 데이터를 꺼내질 때) 까지 다 꺼내지면 forEach 종료.

한마디로 얘기하면 arr에 담은 변수를 하나씩 꺼내주는 도구라고 이해하면 쉽다.

• 추가 5*5 별찍기

window.onload = function(){
  function App(){
    for(let i = 0; i<5; i++){
      for(let j = 0; j <5; j++){
        document.write('*')
      }
      document.write('<br>');
    }
  }
  App();
}