PHP配列をJS配列に変換する方法

PHP と JavaScript はどちらも、Web ページ データの処理と対話型表示に一般的に使用される Web プログラミング言語です。 2 つの言語間でデータを受け渡す場合、多くの場合、PHP 配列を JavaScript 配列に変換する必要があります。このタスクを実行する方法を示す簡単な例をいくつか示します。

json_encode 関数の使用

PHP 組み込み関数 json_encode は、PHP の配列を JSON オブジェクトに変換できます。 「JavaScript で使用」で直接使用できます。以下に例を示します。

$data = array('a', 'b', 'c', 'd');
echo '<script>var jsArray = ' . json_encode($data) . ';</script>';

これにより、次のコードのような JavaScript スクリプトが出力されます。

var jsArray = ["a", "b", "c", "d"];

このトリックは、JavaScript コードで PHP 変数を使用するために使用できます。たとえば、PHP 配列の値を Web ページのドロップダウン リストに動的に追加する必要がある場合は、次のコードを使用できます:

<?php
$names = array(&#39;Alice&#39;, &#39;Bob&#39;, &#39;Carol&#39;, &#39;Dave&#39;);
?>

<select id="nameList">
  <?php
  foreach ($names as $name) {
    echo &#39;<option value="&#39; . $name . &#39;">' . $name . '</option>';
  }
  ?>
</select>

<script>
var jsNames = <?php echo json_encode($names); ?>;
jsNames.forEach(function(name) {
  var option = document.createElement('option');
  option.text = name;
  option.value = name;
  document.getElementById('nameList').add(option);
});
</script>

Use JavaScript Object Notation

PHP 配列に特殊文字が含まれていない場合は、エスケープする必要がある場合があるため、JavaScript オブジェクト表記リテラルを直接使用できます。たとえば、次の PHP コードは 4 つのプロパティを持つ PHP オブジェクトを作成します:

$data = array(
  'name' => 'Alice',
  'age' => 28,
  'hobbies' => array('reading', 'swimming', 'yoga'),
  'address' => array(
    'street' => '123 Main St',
    'city' => 'New York',
    'state' => 'NY'
  )
);

この配列を JavaScript オブジェクトに変換するには、HTML に次のコードを含めるだけです:

<script>
var jsObject = <?php echo json_encode($data); ?>;
console.log(jsObject);
</script>

これにより、以下を出力します:

{
  "name": "Alice",
  "age": 28,
  "hobbies": [
    "reading",
    "swimming",
    "yoga"
  ],
  "address": {
    "street": "123 Main St",
    "city": "New York",
    "state": "NY"
  }
}

json_encode の結果は安全な JSON 形式であるため、このメソッドを使用して特殊文字をエスケープする必要はないことに注意してください。

JavaScript 配列関数の使用

非常に単純な PHP 配列を使用している場合は、JavaScript の配列関数を使用して手動でコピーできます。たとえば、次の PHP コードは、数値のみを含む単純な配列を作成します。

$data = array(2, 4, 6, 8);

この配列を JavaScript 配列に変換するには、配列内の各要素を手動でコピーします。次の JavaScript コードは、配列をコピーして出力する方法を示しています:

<script>
var jsArray = [];
<?php foreach ($data as $value): ?>
  jsArray.push(<?php echo $value; ?>);
<?php endforeach; ?>
console.log(jsArray);
</script>

これにより、次の内容が出力されます:

[2, 4, 6, 8]

ネストされた配列をコピーする必要がある場合、このメソッドは機能しないことに注意してください。 PHP 配列または連想配列。自分が何をしているのかを理解していない限り、この方法はお勧めできません。

結論

PHP 配列を JavaScript 配列に変換することは、Web プログラミングにおける一般的なタスクの 1 つです。組み込みの json_encode 関数を使用すると、PHP 配列を JavaScript コードで使用できる JSON オブジェクトに変換できます。 JavaScript オブジェクトを使用する場合、または JavaScript 配列を手動でコピーする場合は、いくつかの代替手段があります。自分のタスクに最適なものを選択し、PHP と JavaScript の間でデータを柔軟に転送してください。

以上がPHP配列をJS配列に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。