Syntax 읽는 방법

• 자바스크립트를 처음 배우고 구글신의 보살핌 아래 검색을 하여 mdn 사이트에 들어가면 이걸 어떻게 쓰지?? 라는 걸림돌에 걸렸었다.
• 이제 몇번 봤다고 어느정도 이해가 가기에 다른 분들도 참고하기를 바라면서 글을 쓴다.

차근차근 따라오세요.

forEach의 syntax를 보면서 설명하도록 하겠다.

• 왼쪽부터 보면 우리가 쓰려는 forEach의 앞에 array가 들어와야한다는 것을 알려주고 있다.
  
  • forEach는 변수명.forEach() 이렇게 시작이 되는구나라는 느낌이 와야한다.
    • 혹시나 오지 않을 수 있다. 그럴때는 자빠르게 mdn의 예시를 참조하라.
  • 그럼 변수명.forEach(매개변수) 에 집중하자.
    
  • 위의 callback , currentvalue , index , array, thisArg 에 대한 정보는syntax의 밑에 Parameters(매개변수)에 설명이 나와있다.
• 살짝 복잡해진 것 같으니 생략할 수 있는 것을 생략해보자.
  • 매개변수 사진의 Optional 마크가 찍혀있는 매개변수들은 생략이 가능하다.
    • 어떻게 생략이 가능할까?
      • thisArg는 Optional 마크가 있다. 그리고 다시 Syntax를 보면 [] 대괄호 안에 들어가 있다.
      • 즉, Syntax의 [ ... ] 는 생략이 가능하다.
        
  • 그렇다면 syntax에서 대괄호를 다 지워보자.
    • 이런 식으로 매개변수로 callback함수를 전달하면 된다.
      
      • callback 함수의 매개변수에 대한 내용은 mdn의 매개변수를 확인해보면 된다. **
      • 음... 감이 안온다면 아까전과 같이 mdn의 예시를 확인해보면 좋다.
  • 혹시 대괄호를 안 지운다면 어떻게 되나요?
    • 모든 option을 사용하겠다면
      
    • 대괄호를 지울 때 안쪽은 안 지우고 바깥쪽만 지울 수는 없다.
    • array는 사용하고 싶고, index만 필요하다고 이렇게 사용할 수는 없다. 아래와 같이 사용시 mdn 매개변수가 나오는 것이 아니라 index가 나온다.
      
      
• 다른 메서드들을 보다보면 어느정도 감이 올 것이다.

결론

• [] 대괄호는 생략이 가능하다.
• 안쪽부터 지워라.
• 나중에 가면 그냥 보여진다. 마치 It's가 It is로 보이듯