javascript - 배열 필터링 및 렌더링

Question

var 데이터 = [{

으아악

<p class="text">

으아악

</p>

가장 간단한 방법으로 데이터의 값을 기준으로 해당 라벨 값을 DOM에 렌더링하는 방법을 알려주세요. ? 데이터는 불확실합니다. 수십, 스무 개가 있을 수 있습니다

Answer 1

위 방법도 가능하지만 매번 변수를 등록하고, 매번 .text에 스팬 노드를 추가하고, DOM을 조작하는 것과 같아서 오버헤드가 많이 발생합니다! 개인적으로 다음 방법을 사용하는 것이 좋습니다.

으아악

Answer 2

으아악

Answer 3

위의 방법은 모두 가능하지만 처음 두 가지 방법은 Firefox 및 Chrome에서 성능 면에서 장점과 단점이 있습니다. 이제 일반적인 방법은 새로운 빈 문서 조각(DocumentFragment)을 만드는 것입니다.

으아악

Answer 4

으아악