JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<label>1:</label><textarea name="textarea" rows="10" cols="100" id="txtArea1"></textarea><br />
<label>2:</label><textarea name="textarea" rows="10" cols="100" id="txtArea2"></textarea><br />

JavaScript

var xJsonArray = {
  "0": "Ninguna",
  "25": "CAJONES",
  "15": "ROLLOS PLU 5000",
  "16": "ROLLOS PLU 10000",
  "17": "JUEGO",
  "18": "PAR",
  "19": "SERVICIO ANUAL",
  "20": "LIC",
  "21": "PAQUETE",
  "22": "LOTE",
  "23": "DECIMAS",
  "24": "PULGADAS",
  "14": "ROLLOS 110",
  "13": "ROLLOS 500",
  "12": "ROLLOS 2000",
  "11": "ROLLOS",
  "10": "BLOCK",
  "9": "CONTENEDOR",
  "8": "TAMBO",
  "7": "CAJA",
  "1": "PIEZA",
  "2": "BULTO",
  "3": "KILOGRAMOS",
  "4": "LITROS",
  "5": "METROS",
  "6": "PIES"
}

const o = Object.entries(xJsonArray).sort((a, b) => {
  return a[1].localeCompare(b[1]);
}).reduce((acc, [k, v]) => {
  acc['$' + k] = v;
  return acc;
}, {});
$("#txtArea2").val(JSON.stringify(o));