时间戳

首页 > 解决方案 > 遍历对象数组并获取下一个名称属性

javascript - 遍历对象数组并获取下一个名称属性

问题描述

我将如何迭代这个数组：

const data = [
    {
        name: "Punnerrukset",
        sarjat: "3",
        videoId: "-Mbr55h3BeQ",
    },
    {
        name: "Penkkipunnerrus",
        sarjat: "3",
        videoId: "-6oBbHy_zjM",
    },
    {
        name: "Pystypunnerrus",
        sarjat: "3",
        videoId: "2yjwXTZQDDI",
    },
];

我已经实现了一个 FlatList 来呈现数据，并在每个 react-native-snap-carousel 幻灯片上显示数据中的“名称”属性。如果我想在对象数组中显示下一个 name 属性怎么办。因此，例如，当前幻灯片显示“Punnerrukset”，然后会有一个段落“下一个：Penkkipunnerrus”，然后在下一张幻灯片（Penkkipunnerrus）上会显示“下一个：“Pystypunnerrus”等等......希望你明白了。提前非常感谢你！

标签： javascriptarraysreactjsreact-native

解决方案

使用for…in循环。for…of当您只想使用数组中的单个元素时很有帮助，但这将允许您获取相对于当前元素的元素（在本例中为 index+1）；

for(const i in data) {
let vid = data[i];
let nextVid = data[parseInt(i)+1];
}

在第一次迭代中，vid是

{
        name: "Punnerrukset",
        sarjat: "3",
        videoId: "-Mbr55h3BeQ",
    }

并且nextVid是

{
        name: "Penkkipunnerrus",
        sarjat: "3",
        videoId: "-6oBbHy_zjM",
    }

推荐阅读