Duda sobre envío de datos a plantillas JS

Hola, me ha surgido una pequeña duda sobre el envío de datos a plantillas JS. Actualmente tengo este código:

<ul>
  <li>
    <h2>Pepe, 20 años</h2>
    <button data-id="1" data-name="Pepe" data-age="20">Ver</button>
  </li>
  <li>
    <h2>Paco, 23 años</h2>
    <button data-id="2" data-name="Paco" data-age="23">Ver</button>
  </li>
  ...
</ul>

Al pulsar el button cargo un popup con twig.js sin pasar por el servidor, usando solo los atributos data, para realizar una nueva acción. Mi duda es, ¿está bien este método o es mejor definir un array en JS con los nombres y edades y usar el data-id para rescatar los demás atributos? Sería algo así:

<ul>
  <li>
    <h2>Pepe, 20 años</h2>
    <button data-id="1">Ver</button>
  </li>
  <li>
    <h2>Paco, 23 años</h2>
    <button data-id="2">Ver</button>
  </li>
  ...
</ul>
<script type="text/javascript">
  var data = {
    1: {name: "Pepe", age: 20},
    2: {name: "Paco", age: 23}
  };
</script>