Как остановить цикл в цикле со строкой

Question

Я вынимаю данные из своей базы данных и отправляю свои просмотры через свои контроллеры. Дата подходит, и я передаю эти данные в HTML с циклом.

Проблема в том, что я хочу показать только 4 элемента, не все. Как я могу это решить?

Например:

<% for(var i = 0; i < data.length; i++ { %> 
<p> <%= data[i].name %> 
<p> <%= data[i].age %> 
<% } %> 

Я только хочу вынести 4 раза. Как добиться этого?

Спасибо!

Answer 1

Я хотел бы сделать что-то вроде:

<% for(var i = 0,max = (data.length > 4 ? 4 : data.length); i < max; i++ { %> 
<p> <%= data[i].name %> 
<p> <%= data[i].age %> 
<% } %> 

Что это делает итерации цикла либо в 4 раза или длина данных (в зависимости от того короче). Если у вас нет этого условного, вы можете попасть в индекс за пределами (если, например, data.length равно 2).

Кодовое примечание: его хорошая практика объявить max в начале цикла for. Его более читаемый и, для производительности, поиск атрибута длины данных происходит только один раз (вместо каждой итерации).

---

Обновление на основе комментариев

Для добавления других условными (например, если = Pagename 'дома')

<% for(var i = 0,max = ((data.length > 4 && pageName === 'home') ? 4 : data.length); i < max; i++ { %> 
<p> <%= data[i].name %> 
<p> <%= data[i].age %> 
<% } %> 

Answer 2

Как это:

<% for(var i = 0; i < data.length && i<4; i++ { %> 
<p> <%= data[i].name %> 
<p> <%= data[i].age %> 
<% } %>