دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۲
  • آبان

جلسه ۵۵ : JSON در جاوا اسکریپت

  • دسته‌بندی‌ها :
جلسه ۵۵ : JSON در جاوا اسکریپت
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن ، JSON در جاوا اسکریپت در واقع یک فرمت خاص برای انتقال داده ها از سمت سرور به صفحات وب می باشد، به نحو ی که برای انسان نیز قابل خواندن و درک باشد. JSON که مخفف عبارت  JavaScript Object Notation می باشد، در واقع یک فرمت انتقال داده ی کم حجم است که با اینکه از جاوا اسکریپت مشتق شده است اما به صورت کاملا مستقل از این زبان عمل می کند، از طرفی یک سیستم خود تعریف است به این معنا که خودش ساختار و اشیاء خود را تعریف می کند. برای آشنایی بیشتر و کاملتر با JSON در جاوا اسکریپت در ادامه ی این بخش با ما همراه باشید.

      JSON در جاوا اسکریپت

      در این بخش ابتدا به مروری توضیحاتی کوتاه از JSON در جاوا اسکریپت پرداخته و سپس به بررسی ویژگی های آن خواهیم پرداخت.

      JSON چیست

      • JSON مخفف عبارت JavaScript Object Notation است.
      • JSON یک فرمت تبادل داده ای سبک است.
      • JSON مستقل از زبان است *.
      • JSON “خود تعریف” و آسان برای درک است.

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

      مثالی از JSON

      این سینتکس JSON یک آبجکت کارمند را تعریف می کند: آرایه ای از ۳ سوابق کارمند (آبجکت ها):

      مثال : 

      فرمت JSON به جاوا اسکریپت ارزیابی می شود

      فرمت JSON هماهنگ با کد برای ایجاد آبجکت های جاوا اسکریپت است.

      به دلیل این شباهت، یک برنامه جاوا اسکریپت می تواند به راحتی داده های JSON را به آبجکت های جاوا اسکریپتی جاوا تبدیل کند.

      قوانین سینتکس JSON

      • داده ها در جفت نام / ارزش هستند.
      • داده ها با کاما جدا می شوند.
      • پرانتزهای کریستالی اشیا را نگه می دارند.
      • براکت های مربعی آرایه ها را نگه می دارند.

      داده ی JSON – یک نام و یک مقدار

      داده JSON به عنوان جفت نام / ارزش نوشته شده است، همانند خواص آبجکت جاوا اسکریپت.

      یک نام / ارزش جفت شامل یک نام فیلد (در نقل قول های دوگانه) است و به دنبال آن یک کولون است و به دنبال آن یک مقدار است:

      مثال : 

      نام JSON نیاز به نقل قول دوگانه دارد. اسم های جاوا اسکریپت نیست.

      آبجکت های JSON

      آبجکت های JSON داخل کروشه {} نوشته می شوند.

      درست مانند جاوا اسکریپت، آبجکت ها نیز می توانند شامل چندین نام / مقدار جفت باشند:

      مثال : 

      آرایه های JSON

      آرایه های JSON در داخل براکت های مربع نوشته می شوند.

      درست مانند جاوا اسکریپت، آرایه می تواند شامل آبجکت باشد:

      مثال : 

      در مثال بالا، آبجکت”employees” یک آرایه است. و این شامل سه آبجکت است.

      هر آبجکت یک رکورد از یک فرد (با نام و نام خانوادگی) است.

      تبدیل متن JSON به آبجکت جاوا اسکریپت

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

      برای سادگی، این را می توان با استفاده از یک رشته به عنوان ورودی نشان داد.

      ابتدا یک رشته جاوا اسکریپت حاوی سینتکس JSON ایجاد کنید:

      مثال : 

      سپس، از جاوا اسکریپت ساخته شده در ()JSON.parse استفاده کنید تا رشته را به یک آبجکت جاوا اسکریپت تبدیل کنید:

      مثال : 

      سرانجام از آبجکت جدید JavaScript در صفحه ی خود استفاده کنید :

      مثال : استفاده از آبجکت جدید جاوا اسکریپت
      خودتان امتحان کنید »

      کلام آخر

      JSON در جاوا اسکریپت به عنوان یک فرمت قوی برای انتقال داده ها از سرور به صفحات وب یکی از ویژگی های بارز و پرکاربرد می باشد، در این بخش برای اینکه یک آشنایی کلی نسبت به JSON در جاوا اسکریپت داشته باشید، به مرور مباحث فوق پرداختیم، البته در فصل های آتی توضیحات بیشتری از JSON ارائه خواهیم کرد.

      QR:  جلسه ۵۵ : JSON در جاوا اسکریپت
      به اشتراک بگذارید