js 배열의 요소에 대해 지정된 함수를 실행하는 방법

이전 글에서는 "js에서 고정된 요소로 배열을 채우는 방법"을 참조하세요. 이번에는 요소에 지정된 기능을 실행하는 방법에 대해 알아보겠습니다. 필요하다면 참고하시면 됩니다.

먼저 작은 예를 살펴보겠습니다.

<script>
var arr = new Array(7); 
arr[0] = "one";
arr[1] = "two";
arr[2] = "three";
arr.forEach(element => console.log(element));
</script>

이 작은 예제의 결과는

이 결과를 주의 깊게 살펴보면 이 결과가 배열에 존재하는 모든 요소를 ​​출력한다는 것을 알 수 있습니다. 이 코드를 다시 살펴보겠습니다. 이 코드에서는 "console.log"가 사용되며, forEach 메서드도 사용하여 자세히 살펴보겠습니다.

forEach() 메서드는 배열의 각 요소에 대해 주어진 함수를 한 번씩 실행합니다.

이 메서드의 구문 형식을 살펴보겠습니다.

数组名称.forEach(数组中每个元素执行的函数(正在处理的当前元素,正在处理的当前元素的索引,正在操作的数组), 执行回调函数时，用作this的值)

forEach() 메서드는 오름차순으로 유효한 값을 포함하는 배열의 각 항목에 대해 콜백 함수를 한 번씩 실행합니다. 삭제되거나 초기화되지 않은 항목은 건너뜁니다(예: 희소 배열). 이 메소드는 각 배열 요소에 대해 콜백 함수를 한 번 실행합니다. map() 또는 Reduce()와 달리 항상 정의되지 않은 값을 반환하며 연결할 수 없습니다. 일반적인 사용 사례는 호출 체인 끝에서 부작용을 수행하는 것입니다.

forEach()가 호출되면 원래 배열, 즉 호출된 배열은 변경되지 않습니다(단, 콜백 함수가 호출될 때 원래 배열이 변경될 수 있음).

참고: 예외를 발생시키는 것 외에는 forEach() 루프를 중단하거나 중단할 수 있는 방법이 없습니다. 루프를 중단하거나 중단해야 하는 경우 forEach() 메서드는 사용할 도구가 아닙니다.

루프를 조기에 종료해야 하는 경우 다음을 사용할 수 있습니다.

간단한 for 루프

• for...of / for...in 루프

• Array.prototype.every()

• Array.prototype.some()

• Array.prototype.find()

• Array.prototype.findIndex()

다음 내용을 읽어보세요. JavaScript 기초 튜토리얼

위 내용은 js 배열의 요소에 대해 지정된 함수를 실행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!