+40/0CKFDUUJQT

Who Name 青野健利 GitHub @brn Twitter @brn227 What Dev Lead at 株式会社AI Shift Contributor of V8 Javascript Engine

+40/TUSJOHJGZ

JSON.stringify使えてますか？ JSON.stringify JSON.stringifyはJSONを文字列化するだけ

͡Όͳ͍

JSON.stringifyの定義 JSON.stringify JSON.stringify(value: any, replacer?: (number | string)[] | null, space?: string | number): string;

JSON.stringifyの定義 JSON.stringify replacer?: (number | string)[] | null

replacerとは？ JSON.stringify function replacer(key, value) { // ϓϩύςΟΛϑΟϧλʔ͢Δ if (typeof value === "string") { return undefined; } return value; } var foo = { foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7, }; JSON.stringify(foo, replacer); // '{"week":45,"month":7}'

replacer JSON.stringify JSONを文字列化する際に値を置き換えるだけ

͡Όͳ͍

replacerで巡回 JSON.stringify JSON.stringify({a: {b: {c: 1}}}, (...args) => {console.log(JSON.stringify(args));return args[1]}, "") // ["",{"a":{"b":{"c":1}}}] // ["a",{"b":{"c":1}}] // ["b",{"c":1}] // ["c",1] // '{"a":{"b":{"c":1}}}'

replacer JSON.stringify ネストした複雑なJSONを自動で巡回して 値を取得することが可能

UZQJB

JSON.stringifyは遅い JSON.stringify あらゆる構造のJSONに対応しているため

TypeScriptの型情報を使いたい JSON.stringify JSON.stringify早くできそう

No content

TypeScriptの型情報を使いたい typia type User = { firstName: string; lastName: string; age: number; reg: RegExp; }; console.log( typia.json.stringify({ firstName: "Matteo", lastName: "Collina", age: 32, reg: /"([^"]|\\")*"/, }) );

なぜ早くなるのか typia 型情報を使って事前にコンパイルするから

console.log( ((input) => { const $io1 = (input) => "string" === typeof input.source && "boolean" === typeof input.global && "boolean" === typeof input.ignoreCase && "boolean" === typeof input.multiline && "number" === typeof input.lastIndex && "string" === typeof input.flags && "boolean" === typeof input.sticky && "boolean" === typeof input.unicode && "boolean" === typeof input.dotAll; const $string = typia.json.stringify.string; return `{"firstName":${$string(input.firstName)},"lastName":${$string( input.lastName )},"age":${input.age},"reg":${`{"source":${$string( input.reg.source )},"global":${input.reg.global},"ignoreCase":${ input.reg.ignoreCase },"multiline":${input.reg.multiline},"lastIndex":${ input.reg.lastIndex },"flags":${$string(input.reg.flags)},"sticky":${ input.reg.sticky },"unicode":${input.reg.unicode},"dotAll":${input.reg.dotAll}}`}}`; })({ firstName: "Matteo", lastName: "Collina", age: 32, reg: /"([^"]|\\")*"/, }) );

他にも色々あります typia // RUNTIME VALIDATORS export function is(input: unknown): input is T; // returns boolean export function assert(input: unknown): T; // throws TypeGuardError export function validate(input: unknown): IValidation; // detailed // JSON FUNCTIONS export namespace json { export function application(): IJsonApplication; // JSON schema export function assertParse(input: string): T; // type safe parser export function assertStringify(input: T): string; // safe and faster } // PROTOCOL BUFFER export namespace protobuf { export function message(): string; // Protocol Buffer message export function assertDecode(buffer: Uint8Array): T; // safe decoder export function assertEncode(input: T): Uint8Array; // safe encoder } // RANDOM GENERATOR export function random(g?: Partial): T;

TUSVDUVSFE$MPOF

Objectのコピー structuredClone JSON.stringifyとparse使うとできるけど..

JSONを経由したクローン方法 structuredClone JSON.parse(JSON.stringify({a:1}))

簡単にできる structuredClone structuredClone({a: 1})

Structured Clone の仕様 structuredClone • Function オブジェクトは構造化複製アルゴリズムでは複製されません。複製しようとすると DataCloneError 例外が 発生します。 • DOM ノードを複製するときも同様に DataCloneError 例外発生します。 • 一部のオブジェクトのプロパティは保持されません。 • RegExp オブジェクトの lastIndex フィールドは保持されません。 • プロパティ記述子、セッター、ゲッター（もしくは同様のメタデータ系機能）は複製されません。 たとえば、あるオブジェク トがプロパティ記述子によって読み取り専用になっている場合でも、複製したものでは既定の条件である読み取り/書 き込みに変わります。 • プロトタイプチェーンは探索、複製されません。

Structured Clone の仕様 structuredClone https://developer.mozilla.org/ja/docs/Web/API/Web_Workers_API/Structured_clone_algorithm