How to marry php and js?

Question

PHP

Please help me, there is a php code with which I get the elements

<?
if (CModule::IncludeModule("iblock")):
 
    $iblock_id = 53;
    # show url my elements
    $my_elements = CIBlockElement::GetList (
      Array("ID" => "ASC"),
      Array("IBLOCK_ID" => $iblock_id),
      false,
      false,
      Array('ID', 'NAME',  'PROPERTY_TAGS', 'DETAIL_PAGE_URL')
    );
 
    while($ar_fields = $my_elements->GetNext())
    {
      echo $ar_fields['NAME'])." ;<br>";
    }
endif;
?>

There is js

const items = [
  {
    id: 1,
    name: 'провод',
    url: 'provod',
    tags: ['провода', 'проводов']
  },
  {
    id: 2,
    name: 'робот',
    url: 'robot',
    tags: ['роботы', 'роботов']
  },
]

The task is to transfer data from the php array to JS to fill in const items according to the example as it is now, but I can’t figure out how to do it, as far as I could google that you need to wrap the php array in json and transfer it already to js, ​​but I can’t do it.

Please do not beat with sticks, please help me write the code

Answer 1

if JS is in the body of the page generated by PHP, then just paste it into the output:
index.php

<?php
$result = [];
while ($ar_fields = $my_elements->GetNext()) {
      $result[] = $ar_fields;
};
?>

const items = <?php echo json_encode($result); ?>;

Answer 2

Send a GET / POST request to the address of the script from JS, after converting the response to JSON on the server, for example. Next and done. const items = JSON.parse(response)

Answer 3

<?
if (CModule::IncludeModule("iblock")):
 
    $iblock_id = 53;
    # show url my elements
    $my_elements = CIBlockElement::GetList (
      Array("ID" => "ASC"),
      Array("IBLOCK_ID" => $iblock_id),
      false,
      false,
      Array('ID', 'NAME',  'PROPERTY_TAGS', 'DETAIL_PAGE_URL')
    );
 
    while($ar_fields = $my_elements->GetNext())
    {
      echo $ar_fields['NAME'])." ;<br>";
    }
endif;
?>
<script>
  var $my_elements = <?=json_encode($my_elements);?>
</script>