Question

我正在尝试创建一个循环数组的简单滑块并更新我页面上某些元素的文本，我有以下内容但我不确定通过我的数组查看最佳方法是什么？

var people = [
    ['image-1.jpg', 'Thomas', 'All about thomas'],
    ['image-2.jpg', 'Jamie', 'All about Jamie'],
    ['image-3.jpg', 'Kendrick ', 'All about kendrick']
];

setInterval(function () {
    $('.quote').fadeOut(1000);
    $('.diverse-people').velocity({
        'margin-left': -$(this).width()
    }, 1000, function () {
        $(this).attr('src', people[0][0]);
        $('.diverse-people').velocity({
            'margin-left': 0
        }, 1000);
        $('.quote h6').text(people[0][1]);
        $('.quote p').text(people[0][2]);
        $('.quote').fadeIn(1000);
    });
}, 3000);

Answer 1

要遍历您的阵列，您可以这样做：

var people = [
    ['image-1.jpg', 'Thomas', 'All about thomas'],
    ['image-2.jpg', 'Jamie', 'All about Jamie'],
    ['image-3.jpg', 'Kendrick ', 'All about kendrick']
];

for(var i=0; i<people.length; i++) {
    console.log(people[i][1]);
}

不完全确定你在问什么，但希望这能解决它。

编辑：

要访问数组元素，请使用：

people[0][1]

为您需要的键更改0和1.

Answer 2

这样你就可以迭代数组。

Array.prototype.forEach.call(people, function(el){

      console.log(el[0]);
      console.log(el[1]);
      console.log(el[2]); 

});

其他方式（如果你想多次使用它。）

var forEach = Array.prototype.forEach;

forEach.call(people, function(el){

          console.log(el[0]);
          console.log(el[1]);
          console.log(el[2]); 

    });

循环遍历数组函数jQuery

2 个答案: