انتقل إلى المحتوى الرئيسي

شاء

@serverSerrverlesskiy

الأشياء مثل خزانة📦 لتخزين ونقل أنواع أخرى من البيانات. تم تصميم JavaScript حول نموذج بسيط. يعتمد المفهوم على أشياء بسيطة. الكائن عبارة عن مجموعة من الخصائص ، وتتكون كل خاصية من اسم (مفتاح) وقيمة مرتبطة بهذا الاسم. يمكن أن تكون قيمة الخاصية دالة ، والتي يمكن تسميتها طريقة لكائن ، أو أي نوع آخر.

Object

في هذه المقالة ، سنغطي أهم الخصائص الأساسية لكائنات JavaScript ، وإنشاء الخصائص وتعديلها وتعدادها.

الكائن في JavaScript عبارة عن مصفوفة ارتباطية بسيطة أو ، بعبارة أخرى ، "تجزئة". يخزن أي مفتاح: مطابقات القيمة وله عدة طرق قياسية.

الكائنات في JavaScript ، مثل الكائنات في الحياة الواقعية (شخص👨, حافلة ، مبنى ، إلخ) لها عدة أسماء (مفتاح) المعلمات (العمر والاسم ولون الشعر والحالة) بقيم محددة (15, John, black, 'true') ✅:

let obj = {
age: 15,
name: 'John',
color: 'black',
student: true
}

طريقة الكائن في JavaScript هي ببساطة دالة تضاف إلى مصفوفة ترابطية.

محرر مباشر
النتيجة
Loading...

خلق الكائن

Object

في الكمبيوتر🖥️ يمكننا تمثيلobject كخزانة بخصائص الأسماء(access keys) وقعت عليه. داخل الخزانة📦 أدراج🧰 - البيانات (معلومات محددة) وحتى الأشياء الأصغر ، قياسا على الأشياء. من السهل العثور على أو حذف أو إضافة (كتابة) قيمة جديدة إليها بواسطة "المفتاح".

obj01

هذان خياران 2️⃣ للإنشاء🏗️ كائن فارغ:

// equivalent records
let obj = {}
let person = new Object()

نادرًا ما يتم استخدام الخيار الثاني في الممارسة.

obj00

الخلق المتقدم

Extended

يمكن تحديد الخصائص مباشرة عند إنشاء كائن ، من خلال قائمة الأقواس المربعة مثل {..., key: value, ...} وإنشاء كائنات معقدة:

محرر مباشر
النتيجة
Loading...

المخلوق🏗️ يحتوي الكائن على خمس خصائص ذات قيم محددة ، أحدها بيانات جواز السفر ، وهو كائن مدمج. لاحظ كيف يتم استدعاء الخصائص أو الأساليب البعيدة للكائن. حاول إعادة رقم جواز سفرك.

إضافة الخصائص

Adding

هنالك اثنان 2️⃣ بناء الجملة لإضافة خصائص إلى كائن. 1️⃣ الأول فترة ، والثاني أقواس مربعة:

// equivalent records
obj.age = 15
obj['age'] = 15
محرر مباشر
النتيجة
Loading...

تستخدم الأقواس المربعة بشكل أساسي عندما يكون ملف properties' name is in aمتغير` 🔔:

let nameProp = 'age'
obj[nameProp] = 15

هنا ، من خلال المتغير 🔔 nameProp، قمنا بتعيين اسم العقار"age", وهو المفتاح في المصفوفة الترابطية التي تحتوي على value 15.

محرر مباشر
النتيجة
Loading...

الوصول إلى الخصائص

Door

يتم الوصول إلى العقار عن طريق الوصول إليه 👇:

محرر مباشر
النتيجة
Loading...

إذا لم يكن للكائن مثل هذه الخاصية ، تكون النتيجة undefined.تحقق من ذلك في وحدة تحكم المتصفح الخاص بك.

let obj = {}
obj.nokey

nokey

لن يكون هناك أي خطأ🙅‍♂️ عند الوصول إلى عقار غير موجود ، القيمة الخاصة undefined سيعود ببساطة. إذا لم يكن هناك return الكلمة الأساسية داخل الوظيفة ، ثم undefined ستعود القيمة أيضًا - عدم وجود شيء ما.

إزالة الخصائص

Delete

يحذف ➖ عامل تشغيل الخاصية delete. حاول إزالة رقم جواز السفر من المثال السابق:

قم بإنشاء الكائن من المثال السابق في وحدة التحكم.

const obj = {
age: 15,
name: 'John',
color: 'black',
passport: {
serial: 5721,
number: 258963,
date: '27.10.2015'
},
student: true
}

الآن قم بإزالة الملف المتداخل passport موضوع

delete obj.passport

الآن إذا أشرت إليها ، فستكون النتيجةundefined

obj.passport

delete obj

طرق الكائن

Description

كما هو الحال مع اللغات الأخرى👅, كائنات جافا سكريبت لها methods.

على سبيل المثال ، لنقم بإنشاء ملف sport الكائن على الفور مع run طريقة:

محرر مباشر
النتيجة
Loading...

مضيفا طريقة

Add

تعد إضافة طريقة إلى كائن موجود أمرًا بسيطًا ، فقم بتعيين الوظيفة ⚙️ function (n) {...} الى sport.run منشأه.

محرر مباشر
النتيجة
Loading...

هذا لا يتعلق بالفئات ، والتشكيل ، وما شابه. بسيط - يمكنك إضافة طريقة جديدة أو حذف طريقة موجودة إلى أي كائن في أي وقت.

التكرار من خلال خصائص الكائن

enumeration

للتكرار على جميع خصائص الكائن ، يوجد نوع خاص من for .. in يستخدم البناء:

for(let key in obj) {
// key - property name
// obj [key] - property value
...
}

For example 👇:

محرر مباشر
النتيجة
Loading...

وسرا ، بصراحة ، أي متغير تقريبًا🔔 هو كائن صغير في بيئة جافا سكريبت. لذا ، لا تخف من استخدامها.

مشاكل؟

Problem

اكتب لDiscord محادثة.

أسئلة:

Question

يتم إنشاء كائن فارغ باستخدام الأمر:

  1. let obj = {}
  2. function obj()
  3. let x = 10

تتطابق مخازن الكائن مع:

  1. المفتاح: القيمة
  2. الاسم: اللقب
  3. المتغير = القيمة

بناء الجملة لتعيين قيمة لمفتاح معين (خاصية):

  1. color () = "green"
  2. obj.color =" red "
  3. function color () =>" yellow "

طريقة الكائن في JavaScript هي

  1. مجرد وظيفة مضافة إلى مجموعة ترابطية
  2. وظيفة خارجية
  3. وصف متغير خارج الكائن

التكرار من خلال خصائص الكائن

  1. for (let i = 0; i <= 100; i ++) {sum + = i}
  2. for (let key in obj) {}
  3. while (condition) {}

لفهم مقدار ما تعلمته في هذا الدرس ، قم بإجراء الاختبار في mobile application من مدرستنا في هذا الموضوع.

Sumerian school

الروابط

  1. MDN web doc. Developer.mozilla.org - Статья "Типы данных JavaScript и структуры данных"
  2. MDN web doc. Developer.mozilla.org - Статья "Инициализация объектов"
  3. Статья "Object Types"
  4. Статья "Объекты", сайт Learn.javascript.ru
  5. Code for Teens: The Perfect Beginner's Guide to Programming, Volume 1: Javascript - Jeremy Moritz

✨المساهمون

الشكر يعود إلى هؤلاء الأشخاص الرائعين (emoji key):


Dmitriy K.

📖

Dmitriy Vasilev

💵

Resoner2005

🐛 🎨 🖋

Navernoss

🖋 🐛 🎨

Become a Patron!