jquery - Load a JSON document and sort it on one or more values in key:value pairs with JavaScript -


i want load external json object , sort based on 1 or more key:value pairs. example using json below might need sort on category1 , type.

i've tried array.sort() no matter throw @ data never sorted; it's output in same order in json file.

{   "books": [     {       "sku": "{1234}",       "title": "moby dick",       "type": "paperback",       "category1": "fiction",       "category2": "classic",       "category3": "",       "image": "",       "ctalabel": "learn more"     },     {       "sku": "{5678}",       "title": "1984",       "type": "hardcover",       "category1": "fiction",       "category2": "",       "category3": "",       "image": "",       "ctalabel": "learn more"     },     {       "sku": "{5678}",       "title": "another title",       "type": "paperback",       "category1": "nonfiction",       "category2": "youngadult",       "category3": "",       "image": "",       "ctalabel": "learn more"     }   ] }

 

$(function() {     $.getjson('books.json', function (data) {         console.log(data);         var items = data.books.map(function (item) {             return item.sku + ': ' + item.title;         });         if (items.length) {             var content = '<li>' + items.join('</li><li>') + '</li>';             var list = $('<ul />').html(content);             $("#show-data").html(list);         }     }); });

based on this answer, can implement multi-level sort follows :

function multilevelsort(arr, criteria) {     return arr.sort(function(x, y) {         return criteria.reduce(function(prev, curr) {             var dir = (curr.dir < 0) ? -1 : 1,                 x_ = x[curr.prop],                 y_ = y[curr.prop];             return prev || (x_ === y_ ? 0 : x_ > y_ ? dir : -dir);         }, 0);     }); }

or, destructuring (in node not yet in browsers) :

function multilevelsort(arr, criteria) {     return arr.sort(function(x, y) {         return criteria.reduce(function(prev, {prop, dir}) {             dir = (dir < 0) ? -1 : 1;             var x_ = x[prop],                 y_ = y[prop];             return prev || (x_ === y_ ? 0 : x_ > y_ ? dir : -dir);         }, 0);     }); }

where :

  • arr array of objects, in question.
  • criteria array of objects of following format :
var criteria = [     {prop: "type", dir: 1}, // dir:1=ascending; dir:-1=descending     {prop: "category1", dir: 1},      {prop: "category2", dir: 1}  ];

then call :

multilevelsort(myarray, mycriteria);

like array.prototype.sort(), myarray mutated and returned.

demo


-

Comments

Post a Comment

Popular posts from this blog

python - How to insert QWidgets in the middle of a Layout? -

Image
i'm using qt framework build graphical user interface. use qgridlayout position qwidgets neatly. gui looks this: my application regularly adds new widgets gui @ runtime. these new widgets not added @ end of qlayout, somewhere in middle. the procedure bit cumbersome. applied on figure above, need take out widg_c , widg_d , ... qgridlayout. next, add widg_x and widg_y , , put other widgets again. how remove widgets qgridlayout: for in reversed(range(mygridlayout.count())): self.itemat(i).widget().setparent(none) ### as long you're dealing small amount of widgets, procedure not disaster. in application display lot of small widgets - perhaps 50 or more! application freezes second while procedure ongoing, annoying user. there way insert widgets somewhere in qlayout, without need take out other widgets? edit: apparently solution qvboxlayout simple. use function insertwidget(..) instead of addwidget(..) . docs can found link: http://doc.qt.io/qt-5/qboxlayou
Read more

python - serve multiple gunicorn django instances under nginx ubuntu -

i need serve 2 webs apps (django) on gunicorn under different domain names using nginx on ubuntu. started using tutorial: https://www.digitalocean.com/community/tutorials/how-to-set-up-django-with-postgres-nginx-and-gunicorn-on-ubuntu-16-04 it worked fine 1 using that. tried same thing second gives me 502 gateway second domain. tried following tutorial: http://michal.karzynski.pl/blog/2013/10/29/serving-multiple-django-applications-with-nginx-gunicorn-supervisor/ i'm @ part run gunicorn start script: sudo bin/gunicorn_start i response: starting webuildblack root traceback (most recent call last): file "/home/devin/webuildblack/bin/gunicorn", line 7, in <module> gunicorn.app.wsgiapp import run importerror: no module named 'gunicorn.app'; 'gunicorn' not package you have named program gunicorn.py gunicorn -package. rename file , remove gunicorn.pyc file.
Read more

module - Prestashop displayPaymentReturn hook url -

i new prestashop developer , trying create paymentmodule. have got show payment method can not proceed purchase because not know hot works. does know should redirect run hooddisplaypaymentreturn method? i happy if explain me complete navigation map make purchase. anyway, can find relation between hooks , pages? when have new module payment rely on simplest provided prestashop: bankwire. inside can find 3 hooks. hookpayment: public function hookpayment($params) { if (!$this->active) return; if (!$this->checkcurrency($params['cart'])) return; $this->smarty->assign(array( 'this_path' => $this->_path, 'this_path_bw' => $this->_path, 'this_path_ssl' => tools::getshopdomainssl(true, true).__ps_base_uri__.'modules/'.$this->name.'/' )); return $this->display(__file__, 'payment.tpl'); } hookdisplaypaymenteu: public fun
Read more