각 항목을 HTML 태그로 배열로 묶습니다.

JavaScript 객체가 있는데, 그 중 일부에는 메시지 배열이 있습니다. 나는 각 품목을 가지고 <li> 꼬리표에서 감싸고 그 후에 <ul>에서 총괄하고 싶으면.각 항목을 HTML 태그로 배열로 묶습니다.

이것은 개체의 단순화 된 버전입니다.

var data = { 
     "messages": [ 
      {"message": "Message one"}, 
      {"message": "Message two"} 
     ] 
    }

도움이된다면 이미이 프로젝트에 많이 사용되고으로, 나는 underscore.js 사용하고 싶지만, 바닐라 JS 솔루션은 간단 경우 필수적 아니다.

나는 _.map를 사용하여 출력 목록 항목에 관리했지만 그 사이 각

_.map(data.messages, function(item){ 
    return '<li>' + item.message + '</li>'; 
});

에 쉼표를 추가하는 것하지만 여기 https://jsfiddle.net/hmbejuvm/5/

와 같이 각 항목

<ul> 
    <li>Message one</li>, 
    <li>Message two</li> 
</ul>

사이에 쉼표를 추가하는 것

2016-06-02 MikeeBee

온라인 15 회

div.innerHTML = div.innerHTML + messages.join('');

지도는 문자열 대신 배열을 반환하므로 빈 공간으로 연결해야합니다.

2016-06-03 01:29:12

멋진 것들! Underscore 내부의'.join' 부분을 처리 할 방법이 있는지 알고 있습니까? 아마도'_.map()'이외의 것을 사용 하시겠습니까? – MikeeBee

예, 대신'reduce'를 사용할 수 있습니다 –

https://jsfiddle.net/tnve15f9/ –

답변