Iterating through array of JavaScript objects and outputting it

One solution would be to reduce the your array into groups based on time, and then map those into JSX. Assuming your array is called data:

const dataByTime = data.reduce((acc, el) => {
    if (Array.isArray(acc[el.time])) {
        acc[el.time].push(el.articleName)
    } else {
        acc[el.time] = [el.articleName]
    }
    return acc
}, {})

dataByTime is now of the format { [date time]: ['burger', 'cheese'], ... }

So you could map that to JSX like this:

Object.keys(dataByTime).map((time) => (
    <div>
        {time}
        <View>
        {
            dataByTime[time].map(food => (
                 <Text>{food}</Text>
            ))
        }
        </View>
    </div>
))

You could skip the map in the JSX and handle it in the original reducer too (instead of pushing el.articleName you could push <Text>{el.articleName}</Text>).