67f5dfbe50
主要功能: - 修改RequirementModal支持12个订单班选择 - 添加OrderClassIconMap图标映射组件 - Store中添加selectedOrderClass状态管理 - WorkflowPage支持传递orderClass参数 - web_result添加URL参数切换功能 - 创建order-class-handler.js动态处理页面主题 技术改进: - 创建软链接关联订单班数据目录 - 生成wenlu.json和food.json数据结构 - 删除重复的web_result目录 - 添加测试页面test-order-class.html 影响范围: - 展会策划系统现支持12个订单班 - 结果展示页面自动适配不同订单班主题 - 用户可选择不同行业生成对应方案 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
116 lines
4.5 KiB
Markdown
116 lines
4.5 KiB
Markdown
# flatted
|
|
|
|
[](https://www.npmjs.com/package/flatted) [](https://coveralls.io/github/WebReflection/flatted?branch=main) [](https://travis-ci.com/WebReflection/flatted) [](https://opensource.org/licenses/ISC) 
|
|
|
|
|
|
|
|
<sup>**Social Media Photo by [Matt Seymour](https://unsplash.com/@mattseymour) on [Unsplash](https://unsplash.com/)**</sup>
|
|
|
|
A super light (0.5K) and fast circular JSON parser, directly from the creator of [CircularJSON](https://github.com/WebReflection/circular-json/#circularjson).
|
|
|
|
Available also for **[PHP](./php/flatted.php)**.
|
|
|
|
Available also for **[Python](./python/flatted.py)**.
|
|
|
|
- - -
|
|
|
|
## Announcement 📣
|
|
|
|
There is a standard approach to recursion and more data-types than what JSON allows, and it's part of the [Structured Clone polyfill](https://github.com/ungap/structured-clone/#readme).
|
|
|
|
Beside acting as a polyfill, its `@ungap/structured-clone/json` export provides both `stringify` and `parse`, and it's been tested for being faster than *flatted*, but its produced output is also smaller than *flatted* in general.
|
|
|
|
The *@ungap/structured-clone* module is, in short, a drop in replacement for *flatted*, but it's not compatible with *flatted* specialized syntax.
|
|
|
|
However, if recursion, as well as more data-types, are what you are after, or interesting for your projects/use cases, consider switching to this new module whenever you can 👍
|
|
|
|
- - -
|
|
|
|
```js
|
|
npm i flatted
|
|
```
|
|
|
|
Usable via [CDN](https://unpkg.com/flatted) or as regular module.
|
|
|
|
```js
|
|
// ESM
|
|
import {parse, stringify, toJSON, fromJSON} from 'flatted';
|
|
|
|
// CJS
|
|
const {parse, stringify, toJSON, fromJSON} = require('flatted');
|
|
|
|
const a = [{}];
|
|
a[0].a = a;
|
|
a.push(a);
|
|
|
|
stringify(a); // [["1","0"],{"a":"0"}]
|
|
```
|
|
|
|
## toJSON and fromJSON
|
|
|
|
If you'd like to implicitly survive JSON serialization, these two helpers helps:
|
|
|
|
```js
|
|
import {toJSON, fromJSON} from 'flatted';
|
|
|
|
class RecursiveMap extends Map {
|
|
static fromJSON(any) {
|
|
return new this(fromJSON(any));
|
|
}
|
|
toJSON() {
|
|
return toJSON([...this.entries()]);
|
|
}
|
|
}
|
|
|
|
const recursive = new RecursiveMap;
|
|
const same = {};
|
|
same.same = same;
|
|
recursive.set('same', same);
|
|
|
|
const asString = JSON.stringify(recursive);
|
|
const asMap = RecursiveMap.fromJSON(JSON.parse(asString));
|
|
asMap.get('same') === asMap.get('same').same;
|
|
// true
|
|
```
|
|
|
|
|
|
## Flatted VS JSON
|
|
|
|
As it is for every other specialized format capable of serializing and deserializing circular data, you should never `JSON.parse(Flatted.stringify(data))`, and you should never `Flatted.parse(JSON.stringify(data))`.
|
|
|
|
The only way this could work is to `Flatted.parse(Flatted.stringify(data))`, as it is also for _CircularJSON_ or any other, otherwise there's no granted data integrity.
|
|
|
|
Also please note this project serializes and deserializes only data compatible with JSON, so that sockets, or anything else with internal classes different from those allowed by JSON standard, won't be serialized and unserialized as expected.
|
|
|
|
|
|
### New in V1: Exact same JSON API
|
|
|
|
* Added a [reviver](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse#Syntax) parameter to `.parse(string, reviver)` and revive your own objects.
|
|
* Added a [replacer](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify#Syntax) and a `space` parameter to `.stringify(object, replacer, space)` for feature parity with JSON signature.
|
|
|
|
|
|
### Compatibility
|
|
All ECMAScript engines compatible with `Map`, `Set`, `Object.keys`, and `Array.prototype.reduce` will work, even if polyfilled.
|
|
|
|
|
|
### How does it work ?
|
|
While stringifying, all Objects, including Arrays, and strings, are flattened out and replaced as unique index. `*`
|
|
|
|
Once parsed, all indexes will be replaced through the flattened collection.
|
|
|
|
<sup><sub>`*` represented as string to avoid conflicts with numbers</sub></sup>
|
|
|
|
```js
|
|
// logic example
|
|
var a = [{one: 1}, {two: '2'}];
|
|
a[0].a = a;
|
|
// a is the main object, will be at index '0'
|
|
// {one: 1} is the second object, index '1'
|
|
// {two: '2'} the third, in '2', and it has a string
|
|
// which will be found at index '3'
|
|
|
|
Flatted.stringify(a);
|
|
// [["1","2"],{"one":1,"a":"0"},{"two":"3"},"2"]
|
|
// a[one,two] {one: 1, a} {two: '2'} '2'
|
|
```
|