Javascriptで 'foreach'ループを追加する方法

Question

クライアントは、検索機能にイメージを追加するためにいくつかの本当に古いコードを編集するように求めましたが、スクリプト全体を再作成するのには負担をかけません。 1つのページに

検索スクリプトはPHPでコーディングされているので、私は、画像のフォルダを検索し、検索の部品番号一致したすべての画像を返すためにこのスクリプトを使用：の別の部分に

foreach (glob("./item_images/$partnumber*.jpg") as $filename) { 
    echo "<a href='$filename' rel='shadowbox[item]'><img width='75' src='$filename'/></a>"; 
} 

をウェブサイトでは、検索はJavascriptで行われています（これはあまりよく知られていません）。そして、上記をJavaScriptに変える方法がわかりません。これは、 "glob"関数がPHPの外で使用できるようには見えません。

アドバイスがあります。

Answer 1

json_encode()を使用すると、PHPデータ構造をJavaScriptに簡単に挿入できます。たとえば、以下のこの単純なコードは、​​3210を使用して配列を作成し、それをjavascriptのリテラル配列として記述します。

<?php 
$collection = glob("./item_images/$partnumber*.jpg"); 
?> 
<script> 
// write array from PHP into javascript 
var collection = <?php echo json_encode($collection); ?>; 
// iterate through the array 
for(i=0;i<collection.length;i++) { 
    // do something in loop 
} 
</script>