javascript - 迭代数组以将值添加到幻灯片

Question

这行得通，但如果数组很大，将所有键 $arr[0]、$arr[1] 等等放在一起会很烦人。

$arr = shuffleArray(photos);

$.slideshow('slideshow', {
    backgrounds: [{
        src: $arr[0]
      }, {
        src: $arr[1]
      }
    ]
  })

所以，我需要这样的东西，但是出了点问题，因为幻灯片停止工作并且 JS 控制台是空的。

function slideshow() {
  $arr = shuffleArray(photos);
  $.slideshow('slideshow', {
      backgrounds: [
        $.each($arr, function (key, value) {
            {
              src: value
            }
          })
      ]
    })
};  

Answer 1

backgrounds: [
        $.each($arr, function (key, value) {
            {
              src: value
            }
          })
      ]

需要一个对象数组

因此您需要将其包装在一个以该格式返回值的函数中。

$arr = shuffleArray(photos);

$.slideshow('slideshow', {
    backgrounds: (function () {
        var temp = [];
        $.each($arr, function (key, value) {
            temp.push({
                src: value
            });
        });
        return temp;
    })()
})

Check Demo Fiddle