5 ابزار مفید JSON برای بهبود بهره وری شما

نوشته حسن جرده✏️

نمادگذاری شی جاوا اسکریپت (JSON) یک فرمت تبادل داده سبک وزن است که به طور گسترده در برنامه های کاربردی وب و API ها برای انتقال داده ها بین سرورها و کلاینت ها استفاده می شود. JSON یک انتخاب محبوب برای ذخیره سازی و تبادل داده است زیرا قابل خواندن توسط انسان، مستقل از پلتفرم و قابلیت پشتیبانی از ساختارهای داده پیچیده است. در این مقاله، پنج ابزار مفید JSON را بررسی خواهیم کرد که می‌توانند به شما در بهبود بهره‌وری کمک کنند.

پرش به جلو:

تجسم داده ها با کرک JSON

JSON Crack یک ابزار قدرتمند برای تجسم داده‌های JSON است که به ما امکان می‌دهد به سرعت و به راحتی تصاویر تعاملی ایجاد کنیم تا به درک بهتر داده‌هایمان کمک کنیم.

به عنوان مثال، فرض کنید ساختار JSON داریم که به شکل زیر است:

{
  "person":{
    "name":"John",
    "age":20,
    "address":{
      "street":"123 Main Street",
      "city":"New York"
    }
  }
}

این ساختار JSON حاوی اطلاعاتی درباره یک شخص است که شامل نام، سن و آدرس آنها می شود. ما می‌توانیم از کرک JSON برای ایجاد سریع تصویرسازی داده‌ها استفاده کنیم، که به ما امکان می‌دهد به سرعت و به راحتی همه اطلاعات را در یک زمان مشاهده کنیم.

اگر بخواهیم گره خاصی را در درخت JSON گرافیکی خود انتخاب کنیم، می توانیم اطلاعات بیشتری در مورد گره و فرزندان آن به دست آوریم:

ما همچنین می‌توانیم از نوار جستجو برای جستجوی سریع یک گره در درخت JSON خود با جستجوی نام‌ها یا مقادیر کلیدی خاص استفاده کنیم:

کرک JSON در شرایطی که ساختار پیچیده JSON بزرگی داریم، حتی مفیدتر می شود. به عنوان مثال، اگر بخواهیم ساختار JSON مانند زیر را مشاهده کنیم:

{
  "person": {
    "name": "John",
    "age": 20,
    "address": {
      "street": "123 Main Street",
      "city": "New York"
    },
    "phone_numbers": [
      {
        "type": "Home",
        "number": "555-1234"
      },
      {
        "type": "Work",
        "number": "555-5678",
        "extension": "123"
      }
    ],
    "emails": [
      "john@example.com",
      "johndoe@gmail.com"
    ],
    "spouse": {
      "name": "Jane",
      "age": 22,
      "address": {
        "street": "456 Oak Avenue",
        "city": "New York"
      },
      "phone_numbers": [
        {
          "type": "Home",
          "number": "555-5678"
        },
        {
          "type": "Work",
          "number": "555-9101",
          "extension": "456"
        }
      ],
      "email": "jane@example.com"
    }
  }
}

JSON Crack دریافت یک نمای کلی سریع از داده‌ها را برای ما آسان می‌کند، که می‌تواند مشکلات بالقوه یا زمینه‌هایی را که نیاز به بهبود دارند شناسایی کند:

خواندن و کاوش داده ها با JSON Hero

JSON Hero یکی دیگر از نمایشگرهای JSON است که به ما امکان می دهد داده های JSON خود را به سرعت و به راحتی کاوش و پیمایش کنیم. به جای ارائه یک تجسم گرافیکی مانند کرک JSON، به ما امکان می دهد ساختار JSON را در یک ستون، درخت یا طرح JSON ببینیم.

در طرح بندی ستون، ما می توانیم گره های فرزند ساختار JSON خود را در ستون های جداگانه مشاهده کنیم:

در طرح‌بندی JSON، ما می‌توانیم ساختار داده‌های خود را در JSON استاندارد ببینیم، اما با قابلیت انتخاب فیلدهای خاص برای جمع‌آوری اطلاعات بیشتر:

در طرح درختی، می‌توانیم ساختار JSON خود را به صورت درختی با شاخه‌های تودرتو که برای بازتاب گره‌های فرزند والدین استفاده می‌شود، ببینیم:

JSON Hero همچنین قابلیت جستجوی قدرتمندی را ارائه می‌کند که در آن می‌توانیم کل ساختار JSON خود را با جستجوی نام کلید، مسیرهای کلیدی یا مقادیر به سرعت جستجو کنیم.

در نهایت، JSON Hero همچنین قابلیت پیش‌نمایش محتوا بسیار مفیدی را ارائه می‌کند که در آن برنامه به‌طور خودکار محتوای رشته‌های JSON را استنباط می‌کند تا به نمایش پیش‌نمایش کمک کند. این برای مقادیر تاریخ، آدرس‌های اینترنتی تصویر، رنگ‌ها، نشانی‌های وب سایت و موارد دیگر کار می‌کند:

فرمت داده ها با JSON Formatter & Validator

JSON Formatter & Validator ابزاری است که به قالب‌بندی داده‌های JSON به شیوه‌ای خوانا و سازمان‌دهی شده کمک می‌کند. به طور خودکار داده های JSON را تورفتگی و قالب بندی می کند و خواندن و درک آن را آسان تر می کند.

فرض کنید ساختار JSON بدون قالب زیر را داریم:

{"Person":{"Name":"John","Age":20,"Address":{"Street":"123 Main Street","City":"New York"}}}

JSON فوق معتبر است اما هیچ تورفتگی یا خط شکنی ندارد که خواندن آن را دشوار می کند. JSON Formatter & Validator می تواند به فرمت و زیباسازی سریع داده های JSON کمک کند:

ابزار JSON Formatter & Validator همچنین می‌تواند ما را از خطاهای رایج JSON مانند نقل قول‌های نادرست، نقل قول‌های گمشده، کاماهای انتهایی و غیره مطلع کند. اگر بخواهیم ساختار JSON نامعتبر زیر را ارائه دهیم:

{
  'Person': {
    'Name": "John,
    "Age": 20,
    "Address": {
      "Street": "123 Main Street",
      "City": "New York",
    },
  }
}

JSON Formatter برخی از مشکلاتی را که متوجه می‌شود ترمیم می‌کند، اما همچنین خطاهای دیگری را به ما ارائه می‌کند که باید به تنهایی آنها را برطرف کنیم:

با Konklone.io داده ها را به CSV تبدیل کنید

ابزارهای مختلفی وجود دارد که به تبدیل داده های JSON به فرمت های دیگر مانند XML، CSV، YAML و غیره کمک می کند. یکی از ابزارهایی که در این دسته دوست داشتم Konklone.io است که توسط Eric Mill ساخته شده است، زیرا به عنوان یک ابزار سبک و ساده عمل می کند. ابزاری برای کمک به تبدیل سریع داده های JSON به CSV.

هنگام چسباندن داده‌های JSON که دارای ساختاری از مقادیری مانند موارد زیر است:

{
  "people": [
    {
      "name": "John",
      "age": 20,
      "address": {
        "street": "123 Main Street",
        "city": "New York"
      }
    },
    {
      "name": "Jane",
      "age": 25,
      "address": {
        "street": "456 Elm Street",
        "city": "Los Angeles"
      }
    },
    {
      "name": "Bob",
      "age": 30,
      "address": {
        "street": "789 Oak Street",
        "city": "Chicago"
      }
    }
  ]
}

این ابزار به ارائه پیش نمایش داده های CSV که از JSON تبدیل شده است کمک می کند:

سپس می‌توانیم کل CSV تولید شده را برای استفاده بعدی دانلود کنیم. یکی از مواردی که در هنگام استفاده از این ابزار باید به خاطر داشته باشید این است که چون تبدیل JSON به CSV همه در داخل مرورگر انجام می شود، تلاش برای تبدیل داده های بزرگ JSON به CSV ممکن است باعث ایجاد برخی مشکلات شود.

اعتبارسنجی داده ها با طرحواره JSON

آخرین موردی که امروز در مورد آن صحبت خواهیم کرد، طرحواره JSON است که به ما امکان می دهد داده های JSON خود را در مقابل یک طرحواره اعتبارسنجی کنیم. برای درک مفید بودن این مفهوم، مهم است که ابتدا بفهمیم طرحواره JSON چیست.

طرحواره JSON یک زبان اعلامی است که ساختار و محتوای مورد انتظار داده های JSON را توصیف می کند. طرحواره می تواند شامل اطلاعاتی در مورد انواع داده فیلدها، مقادیر حداقل و حداکثر، الگوها و سایر محدودیت ها باشد. به عنوان مثال، بیایید مثال ساده شی JSON را که قبلاً برای نشان دادن اطلاعات یک شخص استفاده کردیم، در نظر بگیریم:

{
  "person":{
    "name":"John",
    "age":20,
    "address":{
      "street":"123 Main Street",
      "city":"New York"
    }
  }
}

حتی با این ساختار ساده، راه‌های زیادی وجود دارد که این داده‌ها را می‌توان متفاوت نشان داد. به عنوان مثال "name" کلید می تواند به صورت نمایش داده شود "person_name" و "age" کلید می تواند به صورت نمایش داده شود "person_age". علاوه بر این، "address" کلید می تواند به صورت نمایش داده شود "person_address" اما حاوی یک مقدار رشته واحد است:

{
  "person":{
    "person_name":"John",
    "person_age":20,
    "person_address": "123 Main Street, New York"
    }
  }
}

هر دو مثال بالا یک شخص را توصیف می کنند و به یک اندازه معتبر هستند. با این حال، آنها هنوز ساختار متفاوتی دارند. نحوه ساختار داده‌های JSON کاملاً به نحوه استفاده از آن در یک برنامه بستگی دارد. اینجا جایی است که JSON Schema وارد می شود.

می‌توانیم از JSON Schema برای تأیید اینکه داده‌های ما به یک ساختار خاص پایبند هستند استفاده کنیم. Ajv یکی از ابزارهای اعتبارسنجی محبوب برای برنامه های جاوا اسکریپت است که به ما امکان می دهد یک طرح ایجاد کنیم و سپس JSON را در برابر آن طرحواره تأیید کنیم. در اینجا نمونه ای از استفاده از Ajv برای تأیید اعتبار یکی از نمونه های JSON فوق در برابر یک طرح آمده است:

import Ajv from "ajv"

const ajv = new Ajv()

const schema = {
  type: "object",
  properties: {
    name: {type: "string"},
    age: {type: "number", minimum: 0, maximum: 150},
    address: {
      type: "object",
      properties: {
        street: {type: "string"},
        city: {type: "string"},
      },
      required: ["street", "city"],
    },
  },
  required: ["name", "age", "address"],
  additionalProperties: false,
};

const data = {
  name: "John",
  age: 30,
  address: {
    street: "123 Main Street",
    city: "New York"
  }
}

const validate = ajv.compile(schema)
const valid = validate(data)

// if not valid, console.log the validation errors
if (!valid) console.log(validate.errors)

طرحی که ما در بالا تعریف کردیم یک شی JSON با سه ویژگی را توصیف می کند: name (رشته)، age (عددی بین صفر تا 150) و address (شئی که شامل دو ویژگی رشته است: street و city). همه ویژگی‌ها مورد نیاز هستند و هیچ ویژگی اضافی فراتر از مواردی که صریحاً در طرح فهرست شده است مجاز نیست.

خارج از اعتبار سنجی ها، بسیاری از پیاده سازی ها و ابزارهای دیگر با قابلیت استفاده از طرحواره JSON وجود دارد. اینها شامل مولدهای طرحواره، مبدل فرمت و سایر ابزارهای کمکی است. بخش پیاده‌سازی وب‌سایت JSON Schema فهرستی از این ابزارها و پیاده‌سازی‌های دیگر را برجسته می‌کند.

طرحواره JSON می تواند به ما کمک کند تا با ارائه راهی برای اعتبارسنجی داده های JSON خود در برابر یک طرح از پیش تعریف شده، از هرگونه مشکل احتمالی جلوگیری کنیم. این تضمین می‌کند که داده‌های JSON ما همیشه به درستی ساختار یافته است، که می‌تواند به جلوگیری از هرگونه خطا یا اختلاف غیرمنتظره در برنامه‌های ما کمک کند. برای مطالعه بیشتر، بخش درک طرحواره JSON در طرحواره JSON مفید است.

نتیجه

همانطور که در این مقاله دیدیم، ابزارهای مختلفی برای کمک به ما در کار با داده های JSON وجود دارد. از تجسم و کاوش داده‌ها با کرک JSON، قالب‌بندی آن‌ها با JSON Formatter & Validator، تبدیل آن به فرمت‌های دیگر مانند CSV با Konklone.io، و اعتبارسنجی آن در برابر طرحواره با JSON Schema — این ابزارها می‌توانند کار با داده‌های JSON را بسیار آسان‌تر کنند. و کارآمدتر