数组的过滤和渲染

Question

var data = [{

    label: '分类一',

    value: '0'

}, {

    label: '分类二',

    value: '1'

}, {

    label: '分类三',

    value: '2'

}, {

    label: '分类四',

    value: '3'

}, {

    label: '分类五',

    value: '4'

}, {

    label: '分类六',

    value: '5'

}]

<div class="text">

<span>0</span>

<span>1</span>

<span>2</span>

<span>3</span>

<span>4</span>

<span>5</span>

</div>

求教，请问如何能够最简单的根据数据里的value值在 dom 里渲染出相应的label值？？数据是不定的，可能里面会有十几二十个

Answer 1

var oDivText= document.querySelector('.text'),var _text="";data.forEach(function(item){&nbsp; &nbsp; //把每一次遍历的label加上节点，再储存在_text上。&nbsp; &nbsp; _text += '<span>'+item.label+'</span>';});//最后直接把_text赋值到oDivText.innerHTML上。oDivText.innerHTML=_text ;