Codificare Base64 și JSON a unui array în PHP, utilizare ca atribut HTML de date, decodare și parsare în JavaScript cu escapare corectă

Caut să transmit un array arbitrar din PHP în JavaScript cu escapare corectă. Mă orientez spre utilizarea base64 și presupun că base64 nu este sigur pentru atributele de date, așa că, ca developer bun, folosesc esc_attr pentru date. Există o metodă corectă de a mă asigura că datele base64 își păstrează integritatea în JavaScript?

Iată un exemplu construit - care funcționează bine - deoarece esc_attr nu modifică integritatea codificării base64.

<?php

$array = [
    [
        'the' => 'quick',
        'brown'  => 'fox'
    ],
    [
        'test' => 'test',
        'foo'  => 'bar'
    ]
];
$values_json = base64_encode( json_encode( $array ) );
?>

<input id="check" type="checkbox" data-value="<?php esc_attr_e( $values_json ); ?>"> Foobar

<script>
    var checkbox = document.getElementById(id);
    checkbox.addEventListener('click',
        function () {
            console.log(JSON.parse(atob(this.dataset.value)));
        }
    );
</script>

În cercetarea mea, am dat peste această soluție pentru gestionarea acestui lucru folosind JSON - totuși, modul în care obțin datele nu îmi permite să chemez datele pentru a le prelua folosind cheia ca atribut de date.