JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

JavaScript

var data =  {
    "id1":["name1",10,20],
    "id2":["name2",12,20],
    "id3":["name3",14,21]
};

$("div").append(data["id1"] + "<br />");
$("div").append(data["id2"][0] + "<br />");
$("div").append(data["id2"][1] + "<br />");
$("div").append(data["id2"][2] + "<br />");

$.each(data, function(index, val){
    $("div").append(index + " : " + val + "<br />");
    $.each(val, function(key, value){
        $("div").append(key + " : " + value + "<br />");
    });
});