My React Journey: روز 18

Summarize this content to 400 words in Persian Lang

JSON و دستکاری داده ها

JSON (نشانگذاری شی جاوا اسکریپت) یک است فرمت داده سبک برای تبادل داده بین یک سرور و یک برنامه وب استفاده می شود. این به طور گسترده در زبان های برنامه نویسی مختلف پشتیبانی می شود و یک جزء کلیدی در توسعه وب مدرن است.

ویژگی های کلیدی JSON:

1-ساختار:

داده ها به صورت جفت کلید-مقدار در یک شی یا به صورت آرایه ای از مقادیر ذخیره می شوند.
مثال (شیء):

{
“name”: “Damilare”,
“age”: 30,
“isEmployed”: true,
“hobbies”: [“Singing”, “Reading”, “Coding”] }

مثال (آرایه):

2. تبادل داده:

JSON اغلب برای ارسال و دریافت داده بین سرور و مشتری استفاده می شود.

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

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

مثال: آرایه جاوا اسکریپت به JSON

const names = [“Dee”, “Fred”, “Inioluwa”, “Iteoluwa”];
const jsonString = JSON.stringify(names);

console.log(names); // Original JS array
console.log(jsonString); // JSON string

مثال: شی جاوا اسکریپت به JSON

const person = {
name: “Damilare”,
age: 30,
isEmployed: true,
hobbies: [“Singing”, “Reading”, “Coding”, “Helping”] };
const jsonString = JSON.stringify(person);

console.log(person); // Original JS object
console.log(jsonString); // JSON string

2. JSON را به جاوا اسکریپت تبدیل کنید

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

مثال: رشته JSON به آرایه جاوا اسکریپت

const jsonArray = `[“Dee”, “Fred”, “Inioluwa”, “Iteoluwa”]`;
const jsArray = JSON.parse(jsonArray);

console.log(jsonArray); // JSON string
console.log(jsArray); // JS array

مثال: رشته JSON به شی جاوا اسکریپت

const jsonObject = `{
“name”: “Damilare”,
“age”: 30,
“isEmployed”: true,
“hobbies”: [“Singing”, “Reading”, “Coding”, “Helping”] }`;
const jsObject = JSON.parse(jsonObject);

console.log(jsonObject); // JSON string
console.log(jsObject); // JS object

واکشی و دستکاری فایل های JSON

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

1. واکشی فایل های JSON

استفاده کنید fetch() API برای درخواست داده های JSON.

مثال: واکشی فایل JSON

fetch(“people.json”)
.then(response => response.json()) // Convert response to JS object/array
.then(data => console.log(data)); // Log the JSON data

2. تکرار از طریق داده های JSON

اگر JSON واکشی شده آرایه ای از اشیا باشد، می توانید از روش هایی مانند استفاده کنید .forEach() برای تکرار از طریق هر عنصر.

مثال: تکرار از طریق داده‌های JSON واکشی شده

fetch(“people.json”)
.then(response => response.json())
.then(people => {
people.forEach(person => {
console.log(person.name); // Access properties of each object
});
});

موارد استفاده از JSON در برنامه ها:

1. فایل های پیکربندی:

JSON برای ذخیره تنظیمات برنامه (مانند config.json) استفاده می شود.

2.API ها:

APIهای REST معمولاً JSON را به عنوان فرمت پاسخ برمی‌گردانند.

3. ذخیره سازی داده ها:

پایگاه داده های سبک (به عنوان مثال، Firebase، MongoDB) بر ساختارهای JSON مانند متکی هستند.

4. تبادل داده:

JSON برای ارتباط بین استفاده می شود پیشانی و باطن.

انعکاس

آنچه یاد گرفتم:

نحوه تبدیل اشیاء/آرایه های جاوا اسکریپت به JSON و بالعکس.
با استفاده از fetch() برای درخواست داده های JSON از یک فایل خارجی یا API.
تکرار از طریق داده های JSON با استفاده از .forEach().

رشد روزانه شیرین است، حتی اگر نظم بیشتری بخواهد.

روز 18 خرد شد

JSON و دستکاری داده ها

JSON (نشانگذاری شی جاوا اسکریپت) یک است فرمت داده سبک برای تبادل داده بین یک سرور و یک برنامه وب استفاده می شود. این به طور گسترده در زبان های برنامه نویسی مختلف پشتیبانی می شود و یک جزء کلیدی در توسعه وب مدرن است.

ویژگی های کلیدی JSON:

1-ساختار:

• داده ها به صورت جفت کلید-مقدار در یک شی یا به صورت آرایه ای از مقادیر ذخیره می شوند.
• مثال (شیء):

{
  "name": "Damilare",
  "age": 30,
  "isEmployed": true,
  "hobbies": ["Singing", "Reading", "Coding"]
}

• مثال (آرایه):

["Dee", "Fred", "Inioluwa", "Iteoluwa"]

2. تبادل داده:

• JSON اغلب برای ارسال و دریافت داده بین سرور و مشتری استفاده می شود.

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

1. جاوا اسکریپت را به استفاده از JSON تبدیل کنید JSON.stringify() برای تبدیل یک شی یا آرایه جاوا اسکریپت به یک رشته JSON.

مثال: آرایه جاوا اسکریپت به JSON

const names = ["Dee", "Fred", "Inioluwa", "Iteoluwa"];
const jsonString = JSON.stringify(names);

console.log(names);       // Original JS array
console.log(jsonString);  // JSON string

مثال: شی جاوا اسکریپت به JSON

const person = {
    name: "Damilare",
    age: 30,
    isEmployed: true,
    hobbies: ["Singing", "Reading", "Coding", "Helping"]
};
const jsonString = JSON.stringify(person);

console.log(person);      // Original JS object
console.log(jsonString);  // JSON string

2. JSON را به جاوا اسکریپت تبدیل کنید

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

مثال: رشته JSON به آرایه جاوا اسکریپت

const jsonArray = `["Dee", "Fred", "Inioluwa", "Iteoluwa"]`;
const jsArray = JSON.parse(jsonArray);

console.log(jsonArray);   // JSON string
console.log(jsArray);     // JS array

مثال: رشته JSON به شی جاوا اسکریپت

const jsonObject = `{
    "name": "Damilare",
    "age": 30,
    "isEmployed": true,
    "hobbies": ["Singing", "Reading", "Coding", "Helping"]
}`;
const jsObject = JSON.parse(jsonObject);

console.log(jsonObject);  // JSON string
console.log(jsObject);    // JS object

واکشی و دستکاری فایل های JSON

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

1. واکشی فایل های JSON

استفاده کنید fetch() API برای درخواست داده های JSON.

مثال: واکشی فایل JSON

fetch("people.json")
    .then(response => response.json()) // Convert response to JS object/array
    .then(data => console.log(data));  // Log the JSON data

2. تکرار از طریق داده های JSON

اگر JSON واکشی شده آرایه ای از اشیا باشد، می توانید از روش هایی مانند استفاده کنید .forEach() برای تکرار از طریق هر عنصر.

مثال: تکرار از طریق داده‌های JSON واکشی شده

fetch("people.json")
    .then(response => response.json())
    .then(people => {
        people.forEach(person => {
            console.log(person.name); // Access properties of each object
        });
    });

موارد استفاده از JSON در برنامه ها:

1. فایل های پیکربندی:

• JSON برای ذخیره تنظیمات برنامه (مانند config.json) استفاده می شود.

2.API ها:

• APIهای REST معمولاً JSON را به عنوان فرمت پاسخ برمی‌گردانند.

3. ذخیره سازی داده ها:

• پایگاه داده های سبک (به عنوان مثال، Firebase، MongoDB) بر ساختارهای JSON مانند متکی هستند.

4. تبادل داده:

• JSON برای ارتباط بین استفاده می شود پیشانی و باطن.

انعکاس

آنچه یاد گرفتم:

• نحوه تبدیل اشیاء/آرایه های جاوا اسکریپت به JSON و بالعکس.
• با استفاده از fetch() برای درخواست داده های JSON از یک فایل خارجی یا API.
• تکرار از طریق داده های JSON با استفاده از .forEach().

رشد روزانه شیرین است، حتی اگر نظم بیشتری بخواهد.

روز 18 خرد شد