Json library in javascript

I might be asking for too much, but hopefully someone’s used something like this. The kind of thing I’m looking for the is the JSON equivalent of jQuery, maybe its not so outlandish.

3 Answers 3

It fullfill all the requirement pointed on question.

Provide traversing (like find,siblings, parent etc) and manipulation method like(value, append, prepend);

Provide a direct array sort method and sort method which run on jsonQ object. (Both sort method run recursively)

Its a trial to have same API for JSON as jQuery DOM APIs . So if you are familiar with jquery. Its easy to catch up. More over complete documentation of apis is available.

It create a new format on initialization of jsonQ for a JSON data which is used internally to traverse data which are more efficient. (Its like having all the loops at once, so you don’t have to make loop over loop to iterate each time that json).

minified version is 11.7 kb.

Actually your question is not good, I suppose. From your example one could see, that you’re trying to emulate SQL-like storage with JSON. Maybe, you just need to take IndexedDB?

jsonpath matches points 4-7 (and maybe 3) of your exact requirements and JSON global object allows 1 and 2 with just once call for each.

Also IMHO requirements are unreal, especially with the last one about size.

Hi Kirilloid, thanks for your response. IndexedDB has a very complex API, and it requires disk IO which is too much of a performance issue. The app is a single-page web app, so in-memory JSON provides by far the best performance. I agree the size requirement is quite limiting, but I dont think its impossible given that I’m only after the methods .get(), .set(), .index(), .each() and .data property for keeping track of the JSON.. I’ll take a look at jsonpath and let you know.

jsonpath is interesting, I like the idea of trying to emulate XPath, but I’m not sure its what I’m after since XPath is for un-structured documents and I’m more after in-memory SQL-like storage like you mentioned (where there is a data model and distinct entities).

I think Lawnchair is something you’re looking for. Its homepage says it is made with mobile in mind, however I’ve not used it before so I cannot comment on that.

It is simple key-value store, although you can define your own indexes, something like with CouchDB. I’ve not seen support for selectors, however there is a query plugin available, promising easy selection.

Something like jQuery relies on sizzle, which is CSS selector library, that isn’t applicable in your case. XPath is in my opinion your best bet, since it’s used primarily with XML, a tree structure. Since JSON object can be represented as a tree, I’ve found JSONSelect, a small library that supports JSON Xpath selectors in ‘CSS-ish’ way.

If you’d be able somehow to plug JSONSelect into Lawnchair, I think you’ve found a great combination 🙂

Источник

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

A library for serializing and reading JSON API data in JavaScript.

License

confetti/yayson

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

A library for serializing and reading JSON API data in JavaScript.

From version 3 we now support native JavaScript classes. YAYSON has zero dependencies and works in the browser and in node 14 and up.

Install yayson by running:

A basic Presenter can look like this:

const yayson = require('yayson') const  Presenter > = yayson() class BikePresenter extends Presenter  static type = 'bikes' > const bike =  id: 5, name: 'Monark' >; BikePresenter.render(bike);

 data:  id: 5, type: 'bikes', attributes:  id: 5, name: 'Monark' > > >

It also works with arrays, so if you send an array to render, «data» will be an array.

A bit more advanced example:

const yayson = require('yayson') const  Presenter > = yayson() class WheelPresenter extends Presenter  static type = 'wheels' relationships()  return  bike: BikePresenter > > > class BikePresenter extends Presenter  static type = 'bikes' relationships()  return  wheels: WheelPresenter > > > 

By default it is set up to handle standard JS objects. You can also make it handle Sequelize.js models like this:

const yayson = require('yayson') const  Presenter > = yayson(adapter: 'sequelize'>)

You can also define your own adapter globally:

const yayson = require('yayson') const  Presenter > = yayson(adapter:  id: function(model) return 'omg' + model.id>, get: function(model, key) return model[key] > >>)

Take a look at the SequelizeAdapter if you want to extend YAYSON to your ORM. Pull requests are welcome. 🙂

You can add metadata to the top level object.

ItemsPresenter.render(items, meta: count: 10>)

 meta:  count: 10 > data:  id: 5, type: 'items', attributes:  id: 5, name: 'First' > > >

You can use a Store can like this:

const Store> = require('yayson')(); const store = new Store(); const data = await adapter.get(path: '/events/' + id>); const event = store.sync(data);

This will give you the parsed event with all its relationships.

Its also possible to find in the synched data:

const event = this.store.find('events', id) const images = this.store.findAll('images')

Recommended way is to use it via webpack or similar build system wich lets you just require the package as usual.

If you just want to try it out, copy the file dist/yayson.js to your project. Then simply include it:

script src pl-s">./lib/yayson.js">script>

Then you can var yayson = window.yayson() use the yayson.Presenter and yayson.Store as usual.

Earlier versions of JSON API worked a bit different from 1.0. Therefore YAYSON provides legacy presenters and stores in order to have interoperability between the versions. Its used similar to the standard presenters:

const yayson = require('yayson/legacy') const  Presenter > = yayson()

About

A library for serializing and reading JSON API data in JavaScript.

Источник