是什麼樣的資料類型會有For迴圈？

「多筆資料For迴圈」指的是什麼呢？
通常資料串接資料，直接跑For Loop的結構會有以下兩類型：

1. 多筆重覆的資料類型

指的就是會有多筆重覆的資料類型，串接時不知道會有幾筆，
常見的如：最新消息、下載資料等等

可以來看看畫面上例子：
以總統府網站中的新聞列表為例

同樣都會有編號、日期、標題，會有多筆資料。

通常這樣的類型的資料在串接資料的時候會用For loop將資料塞入結構中。

2. 資料內容不同，但結構相同

另外還有一種可能標題不太一樣，但也有可能會用這種形式串接的還有類似的一組資料結構
Ex. 個人資料裡，可能會有生日、地址、電話等，雖然資料內容不同，
但都同為：標題＋資料內容為一組的資料

會遇到什麼問題？

如果遇到設計將資料都在同一列的就不會出什麼問題，通常就是切版用 <ul><li></li></ul> 或是 <div> 甚至是 <table> ，資料串接上不太會有什麼問題。

但若遇到設計將這種資料分為左右不同兩列的畫面(如下圖)，這時候切版會直覺想把切版分為兩列

切版結構

<!-- left list 左邊列表 -->
<ul>
    <li> <div>標題</div> <div>內容內容</div> </li>
    <li> <div>標題</div> <div>內容內容</div> </li>
</ul>
<!-- right list 右邊列表-->
<ul>
    <li> <div>標題</div> <div>內容內容</div> </li>
    <li> <div>標題</div> <div>內容內容</div> </li>
</ul>

BUT... 串接資料就會變得麻煩，因為可以用一個for loop跑完的資料現在被切割成兩個地方，
因此呢，切版的大家在這種情況下可以盡量用同一個結構完成，資料串接的時候就會更容易，
如果是串接是其他工程師他也會更愛你ＸＤ

對於串接資料較好的撰寫方式

<ul>
    <!-- left list 左邊列表 -->
    <li> ... </li>
    <li> ... </li>
    <!-- right list 右邊列表 -->
    <li> ... </li>
    <li> ... </li>
</ul>

再提醒一次，也不是原本的切法不對，
而是對串接資料而言後者會是一個更好的資料串接結構，
供切版的時候一點參考～～

題外話，我今天才知道一件事，大家知道沙威瑪是一種動物嗎？ ＸＤ