مناقشة موجزة حول استخدام الكائنات في JS

سجل بسيط لاستخدام الكائنات في JavaScript

1. إنشاء كائن

 // إنشاء كائن فارغ var o = {} ؛ // قم بإنشاء كائن مع سمتين ، x و y var o2 = {x: 12 ، y: '12' ، الاسم: 'js'} ؛ // لا تزال قيمة سمة المؤلف في هذا الكائن كائنًا var o3 = {x: 12 ، المؤلف: {name: 'js' ، العمر: 23 ، العنوان: 'China'}} ؛ // إنشاء كائن فارغ مثل {} var o4 = new Object () ؛ // أضف سمة الاسم إلى الكائن O4.Name = 'JS'

يستخدم ما ورد أعلاه طريقتين لإنشاء كائنات ، واحدة هي الطريقة الحرفية ، والآخر هو إنشاء كائنات باستخدام جديد. الكائن بعد جديد يسمى مُنشئ.

2. الوصول إلى الكائن

مما سبق يمكننا أن نرى أننا أضفنا اسم سمة إلى O4 المعارض ، باستخدام رقم النقطة ، أي اسم الكائن واسم السمة ، وهو أحد طرق الوصول. هناك طريقتان للوصول إلى قيم السمات في كائن ما. الأول هو استخدام أرقام DOT (.) ، والثاني هو استخدام المصفوفات (اسم الكائن [اسم السمة]).

 // إنشاء كائن فارغ var o = {} ؛ // قم بإنشاء كائن مع سمتين ، x ، y var o2 = {x: 12 ، y: '12' ، الاسم: 'js'} ؛ // لا تزال قيمة سمة المؤلف في هذا الكائن كائنًا var o3 = {x: 12 ، المؤلف: {name: 'js' ، العمر: 23 ، العنوان: 'China'}} ؛ // إنشاء كائن فارغ مثل {} var o4 = new Object () ؛ // إضافة اسم السمة O4.Name = 'JS'/** الوصول إلى قيمة سمة الكائن*/// 1. استخدم رقم النقطة var x = o2.x ؛ // 12 var uplorofName = o3.author.name ؛ // js var name = o4.name ؛ // js // 2. استخدم طريقة الصفيف var x2 = O2 ['x'] ؛ // 12 var uplofname2 = o3 ['upith'] ['name'] ؛ // js var name2 = o4 ['name'] ؛ // js

من الأسهل فهم كيفية استخدام أرقام DOT للوصول إلى قيم السمات في كائن ، ولكن ليس من السهل فهم كيفية استخدام المصفوفات. في JavaScript ، جميع الكائنات هي صفائف نقاط. ما يسمى البيانات الترابطية هي الطريقة للوصول إلى صفيف ، ولكن هذه الطريقة ليست الفهرس المستخدم ولكن فهرس السلسلة ، والذي يسمى المصفوفات الترابطية.

تتمثل في الوصول أعلاه إلى قيمة سمة الكائن حول معرفة اسم سمة الكائن. ماذا لو كنت لا تعرف قيمة سمة الكائن؟ يمكنك استخدام/في الحلق من خلال القيم الموجودة في الكائن.

 // قم بإنشاء كائن مع خصائصين ، x ، y ، name var o2 = {x: 12 ، y: '12' ، name: 'js'} ؛ لـ (p في O2) {var property = p ؛ var value = o2 [p] ؛ console.log (property) ؛ console.log (القيمة) ؛ }

نتيجة الطباعة هي:

 x12y12namejs

يمكن أن نرى أن هناك ثلاث سمات في المجموع ، وتتم طباعة قيمها.

إذا كان الكائن أكثر تعقيدًا ، فيمكنك إضافة بعض الأحكام لتحديد ما إذا كان هناك خاصية. ثم كيف تحدد ما إذا كان كائن يحتوي على خاصية معينة؟ نظرًا لأن جميع الكائنات الوراثية ، هناك طريقة hasownproperty () في الكائن لتحديد ما إذا كانت هناك خاصية في الكائن. قيمة الإرجاع هي منطقية. لاحظ أن هذه الطريقة لن تحكم إلا على ما إذا كانت سمات الكائن موجودة ، ولن تحكم على السمات الموروثة بواسطة الكائن.

 // قم بإنشاء كائن مع خصائصين ، x ، y ، name var o2 = {x: 12 ، y: '12' ، name: 'js'} ؛ var b = o2.hasownproperty ('name') // true var b2 = o2.hasownproperty ('age') // false

3. إضافة وحذف السمات

في البداية ، أضفنا سمة الاسم إلى كائن O4. الطريقة الجديدة هي في الواقع نفس تعيين قيم السمة. يمكنك أيضًا إضافة سمات إلى الكائن باستخدام الصفيف الترابطي.

 // قم بإنشاء كائن مع خصائصين ، x ، y ، name var o2 = {x: 12 ، y: '12' ، name: 'js'} ؛ // حذف اسم السمة حذف O2.name ؛ var b = o2.hasownproperty ('name') // false // إضافة اسم السمة O2 ['name'] = 'javaScript' ؛ // لأن سمة الاسم موجودة بالفعل ، إليك إعادة تعيين اسم O2.name = 'JS' ؛ var b3 = o2.hasownproperty ('name') ؛ //حقيقي

أعلاه ، تم حذف سمة اسم الكائن O2 ، ثم تمت إضافة سمة الاسم باستخدام الصفيف الترابط ، ثم تم إعادة تعيين سمة الاسم باستخدام رقم النقطة.

4. التحويل بين الأشياء والسلاسل

يحتوي ECMASCRIPT5 على تحويل متبادل بين الكائنات والسلاسل. الآن معظم المتصفحات الرئيسية تدعم ecmascript5. إذا لم تدعمها ، فيمكنك تنزيل مكتبة فئة JSON2.JS من الإنترنت. يمكن استخدام هذه المكتبة بعد إدخالها في ملف.

يسمى التحويل بين كائن وسلسلة تسلسل الكائن ، مما يعني تحويل حالة الكائن إلى سلسلة أو تحويل سلسلة إلى كائن. تستخدم هذه التحويلات JSON كتنسيق تبادل البيانات. الاسم الكامل لـ JSON هو تدوين كائن JavaScript.

استخدم json.stringify () لتحويل الكائن إلى سلسلة ؛ استخدم json.parse () لتحويل السلسلة إلى كائن.

 // تحديد كائن var o = {name: 'JavaScript' ، العمر: 24} ؛ // هذه الطريقة هي خطأ عند التحويل إلى كائن. يجب عليك استخدام الطريقة التالية // var str = "{name: 'javaScript' ، العمر: 24}" ؛ // تحديد سلسلة الكائن بشكل صحيح var str = '{"name": "javaScript" ، "Age": 24}' ؛ // تحويل الكائن إلى سلسلة var str2 = json.stringify (o) ؛ console.log ('str2:'+str2+'، اكتب:'+(typeof str2)) ؛ // str2: {"name": "javaScript" ، "Age": 24} ، type: string // تحويل السلسلة إلى كائن var o2 = json.parse (str) ؛ console.log ('O2:'+O2+'، اكتب:'+(typeof o2)) ؛ // o2: [كائن كائن] ، اكتب: كائن

ما سبق ينفذ التحويل المتبادل بين الكائنات والسلاسل.

مناقشة موجزة أعلاه حول استخدام الكائنات في JS هي كل المحتوى الذي أشاركه معك. آمل أن يعطيك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.