javascript - 使用 flexslider 遍历数组

Question

在我下面的 javascript 中，我想遍历每个数组(看起来像这样):

["apple", "microsoft", "reddit"] 

数组可以有 3 个以上的值...

但我想一次循环遍历每个数组(我猜有点延迟？)并分别放入名称变量中。让我试着解释得更好....

我正在使用图像 slider ，它有一个在幻灯片完成后触发的“after function”。我试图在“after function”触发时一次传递一个数组值，并将数组值(例如“apple”)发送到 ajax post 的数据。

呃..我已经做了几个小时的研究但没有运气，所以现在我需要一些帮助!我希望这是有道理的!非常感谢任何帮助/反馈!

Javascript

var javascript_array = <?php echo $js_array; ?>;
console.log(javascript_array.map(a => a.company));
// Output ["apple", "microsoft", "reddit"] 

var name = '';

$(".flexslider").flexslider({
  animation: "fade",
  controlsContainer: ".flexslider",
  slideshow: true,
  keyboard: false,
  randomize: false,
  slideshowSpeed: "20000",
  controlNav: false,
  directionNav: false,

  after: function(slider){
    $.ajax({
        type: "POST",
        cache: false,
        url: "file.php",
        data: { companyName: name},
        success: function(response) {
        }
    });
  }

});
</script>

Answer 1

你应该记住当前项目的索引。

---

let array = ["apple", "microsoft", "reddit"]

let index = 0;

function callback(){
  if(index>=array.length){
    console.log('finish')
    return
  }
  let name = array[index]
  ++index;
  
  console.log({companyName: name})
}

callback()
callback()
callback()
callback()