Итерация каждого объекта AJAX

Question

У меня есть JSON-кодированный массив объектов AJAX, и мне нужно итератировать все остальные. Я новичок в jQuery и JS и не знаю, как это сделать. Мне нужно, чтобы числа были значением параметра и именем строки в качестве имени объекта.

Объект AJAX (обратите внимание, хотя в данном примере цифры в порядке они могли бы не быть, потому что целые числа являются auto_id из базы данных и номера могут быть пропущены или из заказа:

{"data":["1","chicken","2","beef","3","fish","4","pork","5","turkey","6","lamb","7","vennison","8","duck"],"error":false} 

Я попытался следующий ниже код, который не работает. Я попытался сделать поиск этого ответа, но не смог найти его. ТИА. в настоящее время, newOption возвращается «неопределенными».

$.each(data.data, function(i,s){ 
    var count=s[i]; 
    var newOption = s[i+1];   
    output += '<option value="' + count + '">' + newOption + '</option>'; 
    i++; 
    });    

Answer 1

вы можете использовать if заявление с модулем? И затем initia lize ваш count вне цикла.

var count = 0; 
$.each(data.data, function(i,element){ 
    if (i % 2 == 0) { 
    count++; 
    output += '<option value="' + count + '">' + element + '</option>'; 
    } 
    i++; 
}); 

Answer 2

Используйте for петли, но приращение счетчика на каждый цикл 2:

var data = {"data":["1","chicken","2","beef","3","fish","4","pork","5","turkey","6","lamb","7","vennison","8","duck"],"error":false} 

var output = ''; 

for(i = 0; i < data.data.length; i+=2) { 
    output += '<option value="' + data.data[i] + '">' + data.data[i+1] + '</option>'; 
} 

https://jsfiddle.net/go98npym/

Answer 3

Когда Итерацию над массивом, используя jQuery.each первых паров являются индексом, а второй один - значение в самом индексе.

Вместо использования jQuery используйте простой javascript.

попробуйте следующее:

var d = data.data; 
var output = ""; 

for (var i = 0 ; i< d.length; i=i+2) { 
    var count = d[i]; 
    var newOption = d[i+1]; 
    output += "<option value='"+count+"'>"+newOption+"</option>"; 
}