Comparison of JSON to Query String serializers

HTML

<script src="https://unpkg.com/[email protected]/js/rison.js"></script>
<script src="https://unpkg.com/[email protected]/lib/jsurl.js"></script>
<script src="https://unpkg.com/[email protected]/dist/qs.js"></script>
<script src="https://unpkg.com/[email protected]/dist/urlon.umd.js"></script>
<script src="https://cdn.rawgit.com/AKhotoolev/QSJS/master/dest/querystring-json.js"></script>
<pre id="json"></pre>
<pre id="rison"></pre>
<pre id="o-rison"></pre>
<pre id="jsurl"></pre>
<pre id="qs"></pre>
<pre id="urlon"></pre>
<pre id="querystring-json"></pre>

JavaScript

var data = {
  "_id": "5973782bdb9a930533b05cb2",
  "isActive": true,
  "balance": "$1,446.35",
  "age": 32,
  "name": "Logan Keller",
  "email": "[email protected]",
  "phone": "+1 (952) 533-2258",
  "friends": [{
      "id": 0,
      "name": "Colon Salazar"
    },
    {
      "id": 1,
      "name": "French Mcneil"
    },
    {
      "id": 2,
      "name": "Carol Martin"
    }
  ],
  "favoriteFruit": "banana"
};

document.getElementById('json').innerText = 'JSON:    ' + JSON.stringify(data);
document.getElementById('rison').innerText = 'Rison:   ' + rison.encode(data);
document.getElementById('o-rison').innerText = 'O-Rison: ' + rison.encode_object(data);
document.getElementById('jsurl').innerText = 'JSURL:   ' + JSURL.stringify(data);
document.getElementById('qs').innerText = 'QS:      ' + Qs.stringify(data, {encode: false});
document.getElementById('urlon').innerText = 'URLON:   ' + urlon.stringify(data);
document.getElementById('querystring-json').innerText = 'QS-JSON: ' + QSJS().encode(data);