如何在多語言網站中利用strnatcmp 進行自然排序以提高用戶體驗？

gitbox 2025-09-04

在構建多語言網站時，用戶體驗是至關重要的。為了使網站更加友好和直觀，尤其是在展示列表或目錄時，排序方式直接影響著用戶的瀏覽效率與整體體驗。傳統的字典順序可能對某些內容來說並不直觀，特別是在包含數字和字母混合的字符串時。為此，使用strnatcmp函數進行“自然排序”便成為了一個理想的解決方案。

什麼是自然排序？

自然排序，顧名思義，就是按照人類閱讀習慣對字符串進行排序。例如，對於字符串"apple2" 和"apple10"，傳統的字典排序會將"apple10" 排在"apple2" 前面，因為它是按字母逐個字符進行比較的。但人類通常會認為"apple2" 應該排在"apple10" 前面。自然排序會考慮到數字的大小和位置，使排序更符合人的直覺。

strnatcmp函數簡介

strnatcmp是PHP 中的一個字符串比較函數，它能夠實現自然排序。這個函數與strcmp類似，但與後者不同的是，它在比較字符串時會自動處理其中的數字部分，使其符合自然排序的規則。具體來說， strnatcmp比較兩個字符串時，會將其中的數字看作一個整體，而不是逐字符比較。

如何使用strnatcmp實現自然排序？

在PHP 中， strnatcmp用法非常簡單。其語法如下：

 <span><span><span class="hljs-title function_ invoke__">strnatcmp</span></span><span>(</span><span><span class="hljs-keyword">string</span></span><span> </span><span><span class="hljs-variable">$string1</span></span><span>, </span><span><span class="hljs-keyword">string</span></span><span> </span><span><span class="hljs-variable">$string2</span></span><span>): </span><span><span class="hljs-keyword">int</span></span><span>
</span></span>

$string1 ：第一個字符串
$string2 ：第二個字符串

返回值：

小於0：如果$string1排在$string2前面
大於0：如果$string1排在$string2後面
等於0：如果兩個字符串相等

示例：如何在多語言網站中使用strnatcmp排序內容？

假設我們有一個多語言網站，其中包含不同語言的文章標題。我們希望按照自然排序的方式來顯示這些標題列表。在沒有strnatcmp之前，PHP 默認的字典排序可能會導致數字和字母混排的情況，顯得不夠直觀。利用strnatcmp ，我們可以確保數字部分按照人類的理解來排序。

代碼示例

<span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// 假設這是我們網站上的標題數組，包含了不同的數字</span></span><span>
</span><span><span class="hljs-variable">$titles</span></span><span> = [
    </span><span><span class="hljs-string">"Article 10: PHP Introduction"</span></span><span>,
    </span><span><span class="hljs-string">"Article 2: HTML Basics"</span></span><span>,
    </span><span><span class="hljs-string">"Article 1: CSS Fundamentals"</span></span><span>,
    </span><span><span class="hljs-string">"Article 11: JavaScript Essentials"</span></span><span>,
    </span><span><span class="hljs-string">"Article 3: Python for Beginners"</span></span><span>
];

</span><span><span class="hljs-comment">// 使用 uasort 函數結合 strnatcmp 對標題進行自然排序</span></span><span>
</span><span><span class="hljs-title function_ invoke__">uasort</span></span><span>(</span><span><span class="hljs-variable">$titles</span></span><span>, </span><span><span class="hljs-string">'strnatcmp'</span></span><span>);

</span><span><span class="hljs-comment">// 輸出排序後的結果</span></span><span>
</span><span><span class="hljs-keyword">foreach</span></span><span> (</span><span><span class="hljs-variable">$titles</span></span><span> </span><span><span class="hljs-keyword">as</span></span><span> </span><span><span class="hljs-variable">$title</span></span><span>) {
    </span><span><span class="hljs-keyword">echo</span></span><span> </span><span><span class="hljs-variable">$title</span></span><span> . </span><span><span class="hljs-string">"&lt;br&gt;"</span></span><span>;
}
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

解釋代碼

我們創建了一個標題數組$titles ，其中每個標題中都包含數字。
使用uasort函數來對數組進行排序， uasort會保持數組的鍵不變，並按照指定的比較函數（這裡是strnatcmp ）來排序。
最後，利用foreach循環輸出排序後的結果。

排序後的輸出將按照自然順序排列，例如：

 <span><span><span class="hljs-selector-tag">Article</span></span><span> </span><span><span class="hljs-number">1</span></span><span>: </span><span><span class="hljs-selector-tag">CSS</span></span><span> </span><span><span class="hljs-selector-tag">Fundamentals</span></span><span>
</span><span><span class="hljs-selector-tag">Article</span></span><span> </span><span><span class="hljs-number">2</span></span><span>: </span><span><span class="hljs-selector-tag">HTML</span></span><span> </span><span><span class="hljs-selector-tag">Basics</span></span><span>
</span><span><span class="hljs-selector-tag">Article</span></span><span> </span><span><span class="hljs-number">3</span></span><span>: </span><span><span class="hljs-selector-tag">Python</span></span><span> </span><span><span class="hljs-selector-tag">for</span></span><span> </span><span><span class="hljs-selector-tag">Beginners</span></span><span>
</span><span><span class="hljs-selector-tag">Article</span></span><span> </span><span><span class="hljs-number">10</span></span><span>: </span><span><span class="hljs-selector-tag">PHP</span></span><span> </span><span><span class="hljs-selector-tag">Introduction</span></span><span>
</span><span><span class="hljs-selector-tag">Article</span></span><span> </span><span><span class="hljs-number">11</span></span><span>: </span><span><span class="hljs-selector-tag">JavaScript</span></span><span> </span><span><span class="hljs-selector-tag">Essentials</span></span><span>
</span></span>

多語言環境下的應用

在多語言網站中，標題可能包含不同語言的詞彙和數字。通過使用strnatcmp ，我們可以確保所有語言的內容都能按照自然順序進行排序，而不會因為字符編碼或語言差異而導致排序問題。例如，無論是英文、中文、法文還是其他語言， strnatcmp都能夠以用戶預期的方式進行排序。

例子：不同語言的混合排序

<span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// 假設這是多語言網站中的標題數組</span></span><span>
</span><span><span class="hljs-variable">$titles</span></span><span> = [
    </span><span><span class="hljs-string">"文章 2: PHP簡介"</span></span><span>,  </span><span><span class="hljs-comment">// 中文</span></span><span>
    </span><span><span class="hljs-string">"Article 10: Introduction to PHP"</span></span><span>,  </span><span><span class="hljs-comment">// 英語</span></span><span>
    </span><span><span class="hljs-string">"Article 1: HTML Basics"</span></span><span>,  </span><span><span class="hljs-comment">// 英語</span></span><span>
    </span><span><span class="hljs-string">"Article 3: Python for Beginners"</span></span><span>,  </span><span><span class="hljs-comment">// 英語</span></span><span>
    </span><span><span class="hljs-string">"文章 1: CSS基礎"</span></span><span>  </span><span><span class="hljs-comment">// 中文</span></span><span>
];

</span><span><span class="hljs-comment">// 使用 uasort 函數結合 strnatcmp 對標題進行自然排序</span></span><span>
</span><span><span class="hljs-title function_ invoke__">uasort</span></span><span>(</span><span><span class="hljs-variable">$titles</span></span><span>, </span><span><span class="hljs-string">'strnatcmp'</span></span><span>);

</span><span><span class="hljs-comment">// 輸出排序後的結果</span></span><span>
</span><span><span class="hljs-keyword">foreach</span></span><span> (</span><span><span class="hljs-variable">$titles</span></span><span> </span><span><span class="hljs-keyword">as</span></span><span> </span><span><span class="hljs-variable">$title</span></span><span>) {
    </span><span><span class="hljs-keyword">echo</span></span><span> </span><span><span class="hljs-variable">$title</span></span><span> . </span><span><span class="hljs-string">"&lt;br&gt;"</span></span><span>;
}
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

結果：

 <span><span><span class="hljs-attr">Article 1:</span></span><span> </span><span><span class="hljs-string">HTML</span></span><span> </span><span><span class="hljs-string">Basics</span></span><span>
</span><span><span class="hljs-attr">Article 3:</span></span><span> </span><span><span class="hljs-string">Python</span></span><span> </span><span><span class="hljs-string">for</span></span><span> </span><span><span class="hljs-string">Beginners</span></span><span>
</span><span><span class="hljs-attr">Article 10:</span></span><span> </span><span><span class="hljs-string">Introduction</span></span><span> </span><span><span class="hljs-string">to</span></span><span> </span><span><span class="hljs-string">PHP</span></span><span>
</span><span><span class="hljs-string">文章</span></span><span> </span><span><span class="hljs-attr">1:</span></span><span> </span><span><span class="hljs-string">CSS基礎</span></span><span>
</span><span><span class="hljs-string">文章</span></span><span> </span><span><span class="hljs-attr">2:</span></span><span> </span><span><span class="hljs-string">PHP簡介</span></span><span>
</span></span>

為什麼使用strnatcmp提高用戶體驗？

直觀的排序結果：用戶往往不希望看到類似"apple10" 排在"apple2" 前面， strnatcmp可以避免這種情況，保證數字部分的自然排序。
提升網站友好性：對於多語言網站，尤其是包含數字和文字混合的內容， strnatcmp能確保排序符合用戶的閱讀習慣，不論是中文、英文還是其他語言。
簡化開發流程：在開發過程中，使用strnatcmp可以避免手動編寫複雜的排序算法，節省時間，提高開發效率。

總結

strnatcmp是一個非常強大的工具，能夠幫助PHP 開發者在多語言網站中實現自然排序。通過這一函數，開發者可以確保內容按照用戶的直觀感受進行排序，無論是在包含數字的列表、目錄，還是多語言的標題中，都會大大提高用戶的瀏覽體驗。