JSFiddle - React, Tailwind, and code Playground
HTML
<div id="consola"></div>
<input id="pagina" type="text" disabled="true" size="1" value="1" />
<button id="primero"><<</button>
<button id="anterior"><</button>
<button id="siguiente">></button>
<button id="ultimo">>></button>
CSS
#consola{ border:1px solid black;}
JavaScript
var buscarNombre = [["Daniel_1",35],
["Luis_2",42],
["María_3",19],
["Damian_4",51],
["Dario_5",99],
["María_6",21],
["David_7",28],
["Manuel_8",28],
["Mario_9",26]];
var limiteResultados=4;
var pagActual=0;
var div, txtPpagina, btnPrimera, btnAnterior, btnSiguiente, btnUltima;
function mostrarResultados(pagina){
var res=[];
var ini=pagina*limiteResultados;
var fin=Math.min(buscarNombre.length, ini+limiteResultados);
pagActual=pagina;
for (;ini<fin;ini++)
{
res.push(buscarNombre[ini][0]+" "+buscarNombre[ini][1]);
}
div.innerHTML=res.join("<br/>");
txtPpagina.value=pagina+1;
btnPrimera.disabled=(pagina==0);
btnAnterior.disabled=(pagina==0);
btnSiguiente.disabled=(pagina==Math.floor(buscarNombre.length/limiteResultados));
btnUltima.disabled=(pagina==Math.floor(buscarNombre.length/limiteResultados));
}
window.onload=function(){
txtPpagina = document.getElementById("pagina");
div = document.getElementById("consola");
btnPrimera = document.getElementById("primero");
btnAnterior = document.getElementById("anterior");
btnSiguiente = document.getElementById("siguiente");
btnUltima = document.getElementById("ultimo");
btnPrimera.onclick=function(){ mostrarResultados(0); };
btnAnterior.onclick=function(){ mostrarResultados(Math.max(0, pagActual-1)); };
btnSiguiente.onclick=function(){ mostrarResultados(Math.min(Math.floor(buscarNombre.length/limiteResultados), pagActual+1)); };
btnUltima.onclick=function(){ mostrarResultados(Math.floor(buscarNombre.length/limiteResultados)); };
mostrarResultados(0);
};