JSON لتعلم وفهم JavaScript (مشاركة الملخص)

كيفية البدء بسرعة مع VUE3.0: أدخل التعلم

التوصيات ذات الصلة: برنامج JavaScript التعليمي

وصف

كائن JSON

مهمة لهذا المستوى: التدرب على تعريف كائنات JSON في JavaScript.

المتطلبات المحددة هي كما يلي:

• تحديد كائن JSON JSONObject، الذي يحتوي على ثلاث سمات: key1 وkey2 وkey3، وقيمها هي المعلمات a وb وc على التوالي؛

• وحذف السمة المسماة key3

• بعد اكتمال الحذف

؛

• جميع السمات المتبقية، تُرجع سلسلة مكونة من قيم كل سمة مفصولة في المنتصف،

نظرًا لاستخدام JSON لنقل البيانات، يجب تخزين البيانات أولاً باستخدام تنسيق معين تتضمن تنسيقات البيانات لـ JSON كائنات JSON ومصفوفة JSON وسلسلة JSON.

ما هو كائن JSON؟

كائن JSON (يُسمى عادةً JSON) هو تنسيق لتبادل文本数据يُستخدم لتخزين البيانات ونقلها. مثال على ذلك هو كما يلي:

{"name": "Jerry"، "age":15}

هذا كائن json بسيط. قواعده هي:

• البيانات موجودة في شكل键/值对؛
• ويتم فصل البيانات بين
• قوسين يشير إلى حفظ الكائن؛
• تشير الأقواس المربعة إلى حفظ المصفوفة.

الفرق بين كائنات JSON وكائنات Javascript

يعتمد JSON على بناء جملة JavaScript، لذلك يوجد أيضًا مفهوم الكائنات في JSON، ولكن هناك بعض الاختلافات الصغيرة عن الكائنات في JavaScript.

1. تعريف كائن JavaScript:

var myObject = {
    المعرف: 1،
    الاسم: "بيتر بروس"،
    "الاسم الأول": "بروس"،
    عرض: وظيفة () {
                console.log(this.name);
            }}

2. تعريف كائن JSON:

{"id":1,"name": "Peter Bruce": "first name": "Bruce"}

3. ثلاثة اختلافات:

(1) يجب أن يكون اسم السمة (المفتاح) لكائن JSON محاطًا بعلامات اقتباس مزدوجة ، في حين أن كائن JavaScript عشوائي، باستثناء أن اسم السمة الذي يحتوي على مسافات واسم السمة الذي يحتوي على واصلة في المنتصف يجب أن يكون محاطًا بعلامات اقتباس مزدوجة؛
(2) لا يمكن تعريف الأساليب في كائنات JSON ، ولكن يمكن تعريفها في JavaScript对象؛
(3) يمكن تشغيل كائنات JSON بالعديد من اللغات، بينما لا يمكن التعرف على كائنات JavaScript إلا بواسطة JS نفسه .

4. طريقة تعريف كائن JSON هي كما يلي،

محاطة بـ {} يوجد بالداخل أزواج ذات قيمة رئيسية تتكون من عدة أسماء سمات وقيم سمات، ويتم فصل أزواج القيمة الرئيسية عن طريق، وأسماء السمات وقيم السمات مفصولة بـ : السمة. يمكن أن تكون القيمة أيًا من أنواع البيانات التالية: رقم، سلسلة، صفيف JSON، كائن JSON، فارغ. على سبيل المثال:

{"a":1،"b":2.12،"c":true،"d": "string"، "e": null}؛

الموقف عندما تكون قيمة السمة عبارة عن مصفوفة JSON أو كائن JSON سيتم تقديم المستويات أكثر تعقيدًا قليلاً.

استخدام كائنات JSON في JavaScript

يمكن لأي لغة تدعم JSON استخدام كائنات JSON. نقدم هنا فقط كيفية استخدام كائنات JSON في JavaScript.

• تعريف كائن JSON في JavaScript:

var jsonObject = {"name": "js"، "number": 2}؛

• لتشغيل السمات، استخدم أو [] .

console.log(jsonObject.name);
// قراءة السمات والمخرجات jsconsole.log(jsonObject["name"]);
// قراءة الخصائص والمخرجات jsjsonObject.name = "javascript";
//اكتب السمات، وقم بتعيين قيمة لسمة الاسم واستخدم جافا سكريبت

• لحذف السمة، استخدم الحذف:

var jsonObject = {"name": "js"، "number": 2}؛
حذف jsonObject.name؛
// احذف سمة الاسم

• واجتاز السمات باستخدام حلقة for-in:

var jsonObject = {"name": "js"، "number": 2}؛for(att in jsonObject) {
  console.log(jsonObject[att]);
  // إخراج js، 2}

ملفات التعليمات البرمجية

function mainJs(a,b,c) {
	// الرجاء كتابة الكود هنا /************ ابدأ **********/
    var JSONObject = {"key1":a,"key2":b,"key3":c};
    حذف JSONObject.key3؛
    إرجاع أ+"،"+ب؛
	/************ النهاية *************/

وصف مهمة

مصفوفة JSON

هذه المهمة على المستوى: تحديد القيم ومعالجتها في أزواج قيمة مفتاح JSON.

المتطلبات المحددة هي كما يلي:

• من المعروف أن قيمة السمة الثالثة لـ myJson هي مصفوفة، والمعلمة a عبارة عن رقم، وهي مطلوبة لربط العناصر الأولى في المصفوفة (هذه العناصر كلها أنواع سلسلة )، وفصل العناصر باستخدام، تشغيل، وإرجاع السلسلة المتسلسلة؛
• على سبيل المثال، عندما تكون a 2، تحتاج إلى إرجاع js، java.

)

المقابلة لسمة JSON هي مصفوفة.

أن

• تكون القيمة (القيمة) في زوج قيمة مفتاح JSON مصفوفة

"،"bigCity":[ "Peking"، "Shanghai"، "ShenZhen"، "HongKong"]}

تحتوي سمة bigCity على قيم متعددة، يتم وضعها في مصفوفة.

في المثال أعلاه، كل عنصر من عناصر المصفوفة عبارة عن سلسلة. في الواقع، يمكن أن يكون كل عنصر في المصفوفة أيضًا كائن json آخر . على سبيل المثال:

{"class": "Grade 3 Class 1"، "studentNumber": 70، "score":[
    {"اسم": "ليمينغ"، "النتيجة": 128}،
    {"name": "ZhangHua"، "النتيجة": 134}،
    {"name": "ShenLu"، "score": 112}]}

قيمة سمة النتيجة أعلاه هي مصفوفة، وكل عنصر في هذه المصفوفة هو كائن json.

بعض العمليات على المصفوفة

1. تقرأ وتكتب العناصر:

var myJson = {"country": "China"، "population": "1.3billion"، "bigCity": ["Peking"، "Shanghai"، "ShenZhen"، "HongKong". "] }console.log(myJson.bigCity[1]);
// اطبع ShanghaimyJson.bigCity[0] = "GuangZhou";
// تم تعيين قيمة

2. اجتياز GuangZhou للعنصر الأول:

var myJson = {"country": "China"، "السكان": "1.3billion"، "bigCity": ["Peking"، "Shanghai"، "ShenZhen"، "HongKong"]}for(var i = 0;i < myJson.bigCity.length;i++) {
    

ملفات التعليمات البرمجية

Peking، Shanghai، ShenZhen، HongKong}

[تمت كتابة الطريقة الأولى لاحقًا، وتم استخدام الطريقة الثانية أدناه في البداية، لأنه في ذلك الوقت إذا لم أتمكن من القيام بذلك، أريد فقط إخراجه مباشرة]

var myJson = {
    "الفئة": "كمبيوتر"،
    "التفاصيل": "البرمجة"،
    "لغة":[
    "js"، و"جافا"، و"php"، و"python"، و"c"
    ]} الدالة mainJs(a) {
    a = parseInt(a);
	// الرجاء كتابة الكود هنا /************ ابدأ **********/
    فار ب = "";
    ل(فار ط=0;أنا<a;i++){
        b = b+myJson.language[i]+"،";
    }
    إرجاع b.slice(0,-1);
	/************ النهاية ***********/

var myJson = {
    "الفئة": "كمبيوتر"،
    "التفاصيل": "البرمجة"،
    "لغة":[
    "js"، و"جافا"، و"php"، و"python"، و"c"
    ]} الدالة mainJs(a) {
    a = parseInt(a);
	// الرجاء كتابة الكود هنا /************ ابدأ **********/
    إذا (أ==1){
        إرجاع myJson.language[0];
    }
    إذا (أ==2){
        إرجاع myJson.language[0]+"،"+myJson.language[1];
    }
    إذا (أ==3){
        إرجاع myJson.language[0]+"،"+myJson.language[1]+"،"+myJson.language[2];
    }
    إذا (أ==4){
        return myJson.language[0]+"،"+myJson.language[1]+"،"+myJson.language[2]+"،"+myJson.language[3];
    }
    إذا (أ==5){
        إرجاع myJson.language[0]+"،"+myJson.language[1]+"،"+myJson.language[2]+"،"+myJson.language[3]+"،"+myJson.language[4" ];
    }
	/************ نهاية **************

وصف مهمة

سلسلة JSON

: التدرب على تحويل سلاسل JSON وكائنات JavaScript لبعضها البعض.

المتطلبات المحددة هي كما يلي:

1. قم أولاً بتحويل سلسلة JSON JSONString إلى كائن JavaScript JSONObject،
2. ثم قم بتعيين قيمة سمة key1 الخاصة بـ JSONObject إلى المعلمة a لوظيفة mainJs ()
3. وأخيرًا قم بتحويل JSONObject إلى سلسلة JSON و

1. إرجاع السلسلة

إلى الواجهة الأمامية JSON لنقل البيانات من وإلى الخلفية، ولكن ما يتم نقله فعليًا هو سلسلة JSON، ولا يمكن نقل كائنات JSON مباشرة.

سلسلة JSON

سلسلة JSON هي سلسلة يتم تشكيلها عن طريق وضع ' على جانبي كائن JSON، مثل:

var JSONObject = {"k1": "v1"، "k2": "v2"}؛
// كائن JSON var JSONString1 = '{"k1": "v1"، "k2": "v2"}'؛
//

JSONSring1 أعلى سلسلة JSON هي سلسلة JSON، والتي يمكن تمريرها مباشرة من الواجهة الأمامية إلى الواجهة الخلفية أو الواجهة الخلفية إلى الواجهة الأمامية.

عندما تتلقى JavaScript سلسلة JSON المرسلة من الخلفية، كيف يمكن تحويلها إلى كائن JSON لسهولة المعالجة؟

سلسلة JSON إلى كائن JavaScript

تقوم طريقة JSON.parse(a,b) بتحويل سلسلة JSON a إلى كائن JavaScript. b هي معلمة دالة اختيارية.

var JSONString1 = '{"k1": "v1"، "k2": "v2"}'؛console.log(JSON.parse(JSONString1));
// كائن الإخراج {k1: "v1"، k2: "v2"}

تعمل معلمة الدالة b على جميع خصائص الكائن بالترتيب从里到外، وتعمل المعلمة الأخيرة على الكائن نفسه:

// كل خاصية للكائن كائن أضف 1 إلى القيمة var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(text, function (key, value) {
    if(key === '')// عند مواجهة الكائن نفسه، قم بإرجاع القيمة دون إضافة 1؛
    قيمة الإرجاع+1;// أضف 1 إلى قيمة السمة});console.log(obj);
    // كائن الإخراج {key1: 2, key2: 3, key3: 3.2}

كما هو موضح أعلاه، تحتوي الوظيفة على معلمتين، حيث يمثل المفتاح اسم السمة وتمثل القيمة قيمة السمة عند مواجهة الكائن نفسه. المفتاح القيمة هي '' ، وهي سلسلة فارغة.

تحويل كائن JSON إلى سلسلة JSON

JSON.stringify(a,b,c) ، a هو كائن JSON المطلوب تحويله، b وc هما معلمتان اختياريتان.

var JSONObject = {"k1": "v1"، "k2": "v2"}؛
JSON.stringify(JSONObject);
// تحويل كائن JSON إلى سلسلة JSON

. عندما تكون المعلمة b دالة، تقوم الوظيفة بمعالجة كل سمة من سمات كائن JSON بالترتيب من الداخل إلى الخارج إلى سلسلة JSON ：

// أضف 1 إلى كافة قيم سمات الكائن، ثم قم بتحويلها إلى سلاسل var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify( JSONObject، وظيفة (ك، الخامس) {
    if(k === '')// تتم معالجة كائن JSON نفسه return v;
    return v+1;// أضف 1 إلى قيمة جميع السمات});console.log(JSONString);
    // Output {"k1":2,"k2":3.2}

يمكن أن تكون المعلمة b أيضًا مصفوفة. يخزن المصفوفة اسم السمة ويستخدم لتحديد السمات التي سيتم تحويلها فقط:

// تحويل سمات محددة في ملف. كائن var JSONObject = {"k1":1,"k2":2.2,"k3":3};var JSONString = JSON.stringify(JSONObject,["k1"، "k2"]);console.log(JSONString) ;
//Output {"k1":1,"k2":2.2}

إليك مقدمة مختصرة عن c:

var str = ["name":"Tom"، "age":16];var obj1 = JSON.stringify( شارع) ؛
var obj2 = JSON.stringify(str,null,4);console.log(obj1);  
//الإخراج {"name": "Tom"، "age": 16}console.log(obj2); 
//الإخراج//{
// "الاسم": "توم"،
// "العمر": 16
//

المعلمة c: إضافة مسافة بادئة ومسافات وأسطر جديدة إلى النص إذا كان c رقمًا، فسيتم وضع مسافة بادئة لنص القيمة المرجعة بعدد محدد من المسافات في كل مستوى.

ملف التعليمات البرمجية

var JSONString = '{"key1": "value1"، "key2": "value2"}'؛function mainJs(a) {
	// الرجاء كتابة الكود هنا /************ ابدأ **********/
    var JSONObject = JSON.parse(JSONString);
    JSONObject["key1"] = a;
    JSONObject.key1 = a;
    إرجاع JSON.stringify(JSONObject);
	/************ النهاية *************

التوصيات ذات الصلة: البرنامج التعليمي لتعلم JavaScript

ما ورد أعلاه هو المحتوى التفصيلي لـ JSON (مشاركة الملخص) لتعلم JavaScript وفهمه. للمزيد، يرجى الانتباه إلى مقالات php الأخرى ذات الصلة على الموقع الصيني!