코딩을 시작하게 된 동기.

저는 어렸을 때부터 항상 기술 산업에 관심을 가지고 있었습니다. 디자인, 프로그래밍, 데이터, 게임 등 모든 것에 대한 생각은 흥미진진합니다. 저는 항상 기술에 흥미를 느꼈지만 가장 관심을 끈 것은 프로젝트가 생성되는 방식입니다. 예를 들어, 첫 번째 JavaScript 프로젝트를 구축하는 것은 힘들었지만 아이디어를 떠올리는 과정이 즐거웠고 작업 결과를 보는 것이 정말 저를 계속 나아가게 했습니다. 첫 번째 프로젝트를 구축하는 주제에 있기 때문에 저에게 도움이 되었던 것을 공유하고 싶습니다.

"forEach()"가 자주 사용됩니다.

나는 이것을 여러 번 들었지만 프로젝트 작업을 시작하기 전까지는 그것을 보지 못했습니다. 나는 당신에게 방법의 사용을 이해하는 데 도움이 되는 팁에 이어 예제를 제공할 것입니다 forEach().

이 메서드의 사용법은 배열의 각 요소에 대해 함수를 호출하는 것이지만 빈 요소에 대해서는 실행되지 않습니다. 예를 들어,

const fruits = ['Apple', 'Grape', 'Orange'];

function myFunction(item) {
 console.log(item);
});

function.forEach(fruits);

Apple
Grape
Orange

지도를 사용하는 forEach

const map = new Map();

map.set('name', 'Shenell');
map.set('age', '31');

map.forEach (myFunction);

function myFunction(value, key) {
    
    console.log(key + '- ' + value);
}

name- Shenell
age- 31

const set = new Set([25, 50, 75]);

set.forEach(myFunction);

function myFunction(item) {
    console.log(item);
}

document.querySelectorAll(".wrapper").forEach((item) => {
  item.addEventListener("click", () => {
document.querySelectorAll(".target").forEach((item) => {
  item.classList.remove("change");
  });
 });
});

비록 이것은 forEach()방법이 그것을 사용하는 구문을 더 잘 이해하는 데 누구에게나 도움이 될 수 있는 방법의 한 예일 뿐이지만. 계속해서 루프의 다른 모든 측면을 살펴보겠습니다 forEach(). 결론적으로 저는 forEach()루프가 JavaScript 프로젝트를 구축하는 모든 개발자를 위한 기본 도구라는 점을 충분히 강조할 수 없습니다.