如何以指定的方式dynamic创build一个数组

我有多个来自数据库的值，随着新logging的添加而增加。

我正在做这样的跨度：

<span style="display:none;" class="skills" data-skill="php programing">350</span> <span style="display:none;" class="skills" data-skill="java programing">235</span> <span style="display:none;" class="skills" data-skill="python programing">289</span> 

我想以这种方式构build一个数组

 var data = google.visualization.arrayToDataTable([ ['jobs', 'Jobs Available'], ['php programing', 350], ['java programing', 235], ['python programing', 289] ]); 

这样我可以dynamic地构build谷歌饼图

现在我正在做这样的事情

 arrayToDataTable = []; arrayTemp = []; $.each('.skills',function(i){ var skill = $(this).data('skill'); var number = $(this).text(); arrayTemp.push(skill); arrayTemp.push(number); arrayToDataTable.push(arrayTemp); }); **my question how can i make array in this fashion dynamically:** [ ['jobs', 'Jobs Available'], ['php programing', 350], ['java programing', 235], ['python programing', 289] ] 

请提前帮助我

Answer 1

 arrayToDataTable = []; $.each('.skills',function(i){ var skill = $(this).data('skill'); var number = $(this).text(); arrayToDataTable.push([skill, number]); }); console.log(arrayToDataTable); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span style="display:none;" class="skills" data-skill="php programing">350</span> <span style="display:none;" class="skills" data-skill="java programing">235</span> <span style="display:none;" class="skills" data-skill="python programing">289</span> 

Answer 2

使用适当的每个语法，现在你的arrayTemp是全局定义的，所以你不断的添加元素

尝试以下方法：

 arrayToDataTable = [['jobs', 'Jobs Available']]; $('.skills').each(function(){ var arrayTemp = [];//local variable var skill = $(this).data('skill'); var number = $(this).text(); arrayTemp.push(skill); arrayTemp.push(number); arrayToDataTable.push(arrayTemp); }); 

演示： https ： //jsfiddle.net/uqxm0kf3/

要么：

  arrayToDataTable = [['jobs', 'Jobs Available']]; $('.skills').each(function(){ var skill = $(this).data('skill'); var number = $(this).text(); arrayToDataTable.push([skill,number]); }); console.log(arrayToDataTable); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span style="display:none;" class="skills" data-skill="php programing">350</span> <span style="display:none;" class="skills" data-skill="java programing">235</span> <span style="display:none;" class="skills" data-skill="python programing">289</span>