forEach 및 map을 사용하여 함수 배열에 인수를 전달할 수 없습니다.

Question

함수 배열이 있습니다. 그런 다음 forEach 루프를 사용하여 인수를 이러한 함수에 전달합니다. 첫 번째 함수를 호출하려고 할 때 '헤이 (hey)'대신 콘솔에서 정의되지 않음

그런 다음 이전 배열에서 새 배열을 만들려고합니다. map을 사용하여 각각의 인자가 전달 된 함수의 배열을 얻으려고 시도하지만 대신에 3 개의 정의되지 않은 항목의 배열을 얻습니다. 그래서 함수를 호출 할 수도 없습니다.

const arr = [(arg) => {console.log(arg)}, (arg) => {}, (arg) => {} ]; 
 
    arr.forEach(func => func('hey')); 
 
    arr[0](); 
 

 
    const arr2 = arr.map(func => func('ho')); 
 
    console.log(arr2); 
 
    arr2[0]();

두 경우 모두에서 문제는 무엇 ?

Answer 1

아무런 문제가 없으므로 arr[0]();은 undefined을 인쇄합니다. 첫 번째 경우에는 문제가 없습니다.

두 번째 경우 결과 배열에는 undefined을 반환하는 각 함수를 호출 한 결과가 포함되어 있으므로 arr2에 호출 할 함수가 없습니다.

코드 단편에 HTML 섹션의 JS가 있으므로 전혀 실행되지 않았습니다.

const arr = [(arg) => { console.log(arg) }, (arg) => {}, (arg) => {}]; 
 
arr.forEach(func => func('hey')); 
 
arr[0](); // <-- You're passing no argument here 
 

 
// This invokes the functions, and builds an array of the functions' 
 
// return values, all of which are `undefined`. 
 
const arr2 = arr.map(func => func('ho')); 
 
console.log(arr2); 
 
arr2[0]();