发送PHP数组数据到jQuery

I have been trying to send data store in an array to query.

this is in a loop (php)

<?php 
    $arraydata[] = array('qty'=>$item->quantity, 'id' => $item->item_id); 
?>

trying to pass the data to arraydata attr.

<button 
    class="btn btn-success approve-order" 
    data-arraydata="<?php echo json_encode($arraydata); ?>" >Approve Order
   </button>

this is my javascript code

$(function () {
 $(document).on('click','.approve-order',function (e) {
     e.preventDefault();
     let dataarray = $(this).data('arraydata');
     console.log(dataarray);
   });
});

Use $.parseJSON to parse json string to javascript array,

$(function () {
 $(document).on('click','.approve-order',function (e) {
     e.preventDefault();
     let dataarray = $(this).data('arraydata');
     console.log($.parseJSON(dataarray));
   });
});