How to create an array dynamically in a specified manner

Question

I have multiple values coming from a database, it increases as new record is added.

I'm making span like this:

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

I want to construct an array in this fashion

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

so that I can be able to construct a google piechart dynamically

right now I am doing something like this

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]
       ]

please help me thanks in advance

Is there any error?

Samir
– Samir

2016-10-21 05:32:07 +00:00
Commented Oct 21, 2016 at 5:32 — Samir
– Samir, Commented Oct 21, 2016 at 5:32
Did you check what you are getting in console

Samir
– Samir

2016-10-21 05:32:28 +00:00
Commented Oct 21, 2016 at 5:32 — Samir
– Samir, Commented Oct 21, 2016 at 5:32

nikjohn · Accepted Answer · 2016-10-21 05:37:42Z

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>

Have you tried:

arrayToDataTable.push([arrayTemp])

edited Oct 21, 2016 at 5:37

answered Oct 21, 2016 at 5:29

nikjohn

22.1k16 gold badges58 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

madalinivascu Over a year ago

what is the use of arrayTemp ?

nikjohn Over a year ago

Nothing really. That's just vestigial from OP's code. I'll clean that out

madalinivascu Over a year ago

what about ['jobs', 'Jobs Available'] where do you add it?

madalinivascu · Accepted Answer · 2016-10-21 05:42:40Z

Use the proper each syntax, right now your arrayTemp is defined globally so you keep adding element to it

try the following:

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);
});

demo:https://jsfiddle.net/uqxm0kf3/

or:

 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>

Collectives™ on Stack Overflow

How to create an array dynamically in a specified manner

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related