array.protoype.foreEach()의 결과를 정의되지 않은 변수에 저장

Question

forEach()에 의해 생성 된 객체 배열과 newData를 어떻게 구합니까? 전 세계적으로 var result = []을 정의하고 console.log(result);

var paragraphs = ["this is a p", "%%this is an h2", "%this is an h1"]; 

var newData = paragraphs.forEach(function(x) { 
    var result = []; 
    var header = 0; 
    while (x.charAt(header) === "%") 
    header++; 

    if (header > 0) { 
     result.push({type:"h" + header, content: x.slice(header)}); 
    } else { 
     result.push({type: "p", content: x}); 
    } 
     return result; 

}); 

console.log(newData); // undefined 

Answer 1

forEach 그냥 배열을 통해 루프 경우 작동 - 그것은 새로운 배열을 만들지 않습니다. JavaScript의 Array 프로토 타입에 대한 맵 함수는 배열을 반복하며 콜백 함수에서 제공하는 논리를 수행하지만 콜백이 주어진 경우 새 배열을 반환합니다. 지도 기능에 대한 자세한 내용은 MDN : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Answer 2

안녕하세요. @jamie이 작업에는 map()을 사용해야합니다.

forEach()을 사용하려는 경우 Immediately-Invoked Function Expression을 시도하십시오. 일반적으로 클로저를 사용하여 개인 메서드를 에뮬레이트하는 데 사용됩니다.

는 여기에 대한 jsfiddle의이 코드

var paragraphs = ["this is a p", "%%this is an h2", "%this is an h1"]; 

/* Using Immediately-Invoked Function Expression */ 
var newData = (function() { 
    var result = [] 
    paragraphs.forEach(function (x) { 
     var header = 0; 
     while (x.charAt(header) === "%") 
      header++; 

     if (header > 0) { 
      result.push({type: "h" + header, content: x.slice(header)}); 
     } else { 
      result.push({type: "p", content: x}); 
     } 
    }); 
    return result; 
})(); 

console.log(newData); 

/* Using Map */ 

var newestData = paragraphs.map(function (x) { 
    var header = 0; 
    while (x.charAt(header) === "%") 
     header++; 

    if (header > 0) { 
     x = {type: "h" + header, content: x.slice(header)}; 
    } else { 
     x = {type: "p", content: x}; 
    } 
    return x; 
}); 

console.log(newestData); 

에서 보라.