JavaScript循环和jQuery附加过多次

Question

Attempting to append via jQuery to a div, looping over a simple 25 index array.

Everything appends, however the append is done 25 times, meaning I get 625 results when I only needed 25.

The array looks like this but up to data25:

["data", "data2", "data3"] 

My code to append looks like this

$.each(stores, function(index, value) {
     $('.display-nearest-stores').append(value); 
     console.log(value)
});

Answer 1

HTML

<div id="jsondata"> 
</div>

JQUERY

$(document).ready(function(){
    var data=["data", "data2", "data3"];
  var sizeofdata=$(data).size();
  for(i=0;i<sizeofdata;i++)
 {
 $('#jsondata').append(data[i]+'<br>');
 } 
});

this may help you or https://jsfiddle.net/susanadhikary/knx0awtu/