数组的过滤和渲染

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){

    //把每一次遍历的label加上节点，再储存在_text上。

    _text += '<span>'+item.label+'</span>';

});

//最后直接把_text赋值到oDivText.innerHTML上。

oDivText.innerHTML=_text ;