8 طرق لتعيين JavaScript يجب أن تتقنها اليوم

مجموعة JavaScript هي مجموعة من القيم الفريدة.

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

في هذه المقالة ، ستتعلم ثماني طرق لـ JavaScript Set يجب أن تتقنها اليوم.

1. كيفية إنشاء مجموعة جديدة على JavaScript

يمكنك إنشاء كائن Set جديد باستخدام الجديديضع() البناء. يخزن الكائن Set قيمًا فريدة من أي نوع بيانات. يقبل هذا المُنشئ كائنًا قابلًا للتكرار كمعامل.

const setObj = مجموعة جديدة ([21 ، 34 ، 35 ، 56 ، 23]) ؛
console.log (setObj) ؛

انتاج:

مجموعة (5) {21، 34، 35، 56، 23}

إذا لم تحدد أي شيء في المعلمة ، فسيتم إنشاء مجموعة فارغة جديدة.

const setObj = مجموعة جديدة () ؛
console.log (setObj) ؛

انتاج:

مجموعة (0) {}

إذا حاولت إنشاء مجموعة بعناصر متكررة ، فستتم إزالة العناصر المكررة وستتم إعادة مجموعة فريدة.

const setObj = مجموعة جديدة ([1 ، 2 ، 3 ، 1 ، 2 ، 3]) ؛
console.log (setObj) ؛

انتاج:

مجموعة (3) {1 ، 2 ، 3}

يمكنك أيضًا إنشاء مجموعة باستخدام أنواع بيانات مختلطة.

const setObj = مجموعة جديدة ([1 ، 2 ، "مرحبًا" ، [45 ، 67 ، 78]]) ؛
console.log (setObj) ؛

انتاج:

المجموعة (4) {1، 2، "مرحبًا"، [45، 67، 78]}

2. كيفية إلحاق عناصر جديدة بكائن محدد

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

const setObj = مجموعة جديدة () ؛
setObj.add ("مرحبًا") ؛
setObj.add ("إلى") ؛
setObj.add ("MUO") ؛
console.log (setObj) ؛

انتاج:

مجموعة (3) {"Welcome"، "to"، "MUO"}

يمكنك تمرير القيمة مباشرة كمعامل ، أو يمكنك تمرير المتغير كواحد بدلاً من ذلك.

const setObj = مجموعة جديدة () ؛
// إلحاق القيمة بكائن Set
setObj.add ("مرحبًا") ؛
const var1 = "إلى" ؛
const var2 = "MUO" ؛
// إلحاق متغير بكائن Set
setObj.add (var1) ؛
setObj.add (var2) ،
console.log (setObj) ؛

انتاج:

مجموعة (3) {"Welcome"، "to"، "MUO"}

ال يضيف() طريقة تدعم أيضا التسلسل.

const setObj = مجموعة جديدة () ؛
// التسلسل
setObj.add (1) .add (2) .add (3) ؛
console.log (setObj) ؛

انتاج:

مجموعة (3) {1 ، 2 ، 3}

إذا حاولت إلحاق عناصر مكررة ، فسيتم حفظ المثيل الأول فقط من العنصر.

const setObj = مجموعة جديدة () ؛
setObj.add (1) ،
setObj.add (2) ،
setObj.add (3) ،
setObj.add ("M") ؛
setObj.add ("U") ؛
setObj.add ("O") ؛
setObj.add (1) ،
setObj.add (2) ،
setObj.add (3) ،
console.log (setObj) ؛

انتاج:

مجموعة (6) {1، 2، 3، 'M'، 'U'، 'O'}

3. كيفية إزالة كافة العناصر من كائن معين

يمكنك إزالة جميع العناصر من كائن Set باستخدام صافي() طريقة. هذه الطريقة تزيل كل العناصر وتعيد غير معرف.

const setObj = مجموعة جديدة ([1 ، 2 ، 3 ، 4 ، 5]) ؛
console.log ("حجم كائن المجموعة:" + setObj.size) ؛
console.log (setObj) ؛
setObj.clear () ،
console.log ("حجم كائن المجموعة بعد مسح العناصر:" + setObj.size)؛
console.log (setObj) ؛

انتاج:

حجم كائن المجموعة: 5
مجموعة (5) {1، 2، 3، 4، 5}
حجم كائن Set بعد مسح العناصر: 0
مجموعة (0) {}

متعلق ب: يجب عليك إتقان طرق سلسلة JavaScript اليوم

4. كيفية حذف عنصر معين من كائن معين

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

const setObj = مجموعة جديدة ([1 ، 2 ، 3 ، 4 ، 5]) ؛
console.log ("المجموعة الأولية:") ؛
console.log (setObj) ؛
setObj.delete (3) ،
console.log ("تعيين بعد حذف 3") ؛
console.log (setObj) ؛

انتاج:

المجموعة الأولية:
مجموعة (5) {1، 2، 3، 4، 5}
ضبط بعد الحذف 3
مجموعة (4) {1، 2، 4، 5}

5. كيفية التحقق من وجود عنصر في مجموعة

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

const setObj = مجموعة جديدة (["مرحبًا" ، "إلى" ، "MUO"]) ؛
console.log (setObj.has ("MUO")) ؛
console.log (setObj.has ("MakeUseOf")) ؛

انتاج:

حقيقية
خاطئة

6. ما هي طريقة الإدخالات () في كائن مجموعة JavaScript؟

بحسب المسؤول MDN Web Docs:

"ال إدخالات () تقوم الطريقة بإرجاع كائن مكرر جديد يحتوي على مصفوفة من [قيمة ، قيمة] لكل عنصر في كائن Set ، بترتيب الإدراج. بالنسبة إلى كائنات المجموعة ، لا يوجد مفتاح مثل كائنات الخريطة. ومع ذلك ، للحفاظ على واجهة برمجة التطبيقات مشابهة لكائن الخريطة ، يكون لكل إدخال نفس القيمة لمفتاحه وقيمته هنا ، بحيث يتم إرجاع مصفوفة [قيمة ، قيمة]. "

const setObj = مجموعة جديدة (["مرحبًا" ، "إلى" ، "MUO"]) ؛
لـ (السماح بإدخال setObj.entries ()) {
console.log (دخول) ؛
}

انتاج:

[ 'اهلا اهلا' ]
["إلى" ، "إلى"]
['MUO'، 'MUO']

const setObj = مجموعة جديدة (["مرحبًا" ، "إلى" ، "MUO"]) ؛
لـ (let [key، value] of setObj.entries ()) {
console.log (القيمة) ؛
}

انتاج:

أهلا بك
إلى
MUO

المفاتيح والقيم في المجموعة متطابقة.

const setObj = مجموعة جديدة (["مرحبًا" ، "إلى" ، "MUO"]) ؛
لـ (let [key، value] of setObj.entries ()) {
console.log (القيمة الرئيسية) ؛
}

انتاج:

حقيقية
حقيقية
حقيقية

متعلق ب: كيفية استخدام الحلقات في JavaScript

7. ما هي طريقة forEach () في كائن مجموعة JavaScript؟

ال لكل () تستدعي الطريقة وظيفة لكل عنصر من عناصر الكائن Set. هذه الطريقة تعود غير معرف.

const setObj = مجموعة جديدة ([1 ، 2 ، 3 ، 4 ، 5]) ؛
دع مجموع = 0 ؛
setObj.forEach (وظيفة (عنصر) {
مجموع + = عنصر ؛
});
console.log (مجموع) ؛

انتاج:

15

8. ما هي طريقة القيم () في كائن مجموعة JavaScript؟

ال القيم() طريقة إرجاع ملف التكرار كائن يحتوي على جميع القيم في مجموعة ، ويقوم بذلك بترتيب الإدراج.

const setObj = مجموعة جديدة ([1 ، 2 ، 3 ، 4 ، 5]) ؛
const iteratorObj = setObj.values ​​() ،
لـ (let value of iteratorObj) {
console.log (القيمة) ؛
}

انتاج:

1
2
3
4
5

متعلق ب: مقدمة إلى التكرارات والمولدات في JavaScript

ملحوظة: لا يحتوي كائن Set في JavaScript على مفاتيح. ولكن لجعل المجموعات متوافقة مع الخرائط ، فإن ملف مفاتيح () يتم استخدام الطريقة كاسم مستعار لـ القيم() طريقة. ال مفاتيح () تتصرف الطريقة تمامًا مثل القيم() طريقة.

أنت الآن تعرف كيفية إنشاء مجموعات في JavaScript

لذا ، ها أنت ذا. بعد قراءة هذه المقالة ، يجب أن يكون لديك الكثير لمساعدتك في إتقان إنشاء مجموعات على JavaScript.

يعد إنشاء المجموعات أمرًا بالغ الأهمية لأي مبرمج يتطلع إلى تحسين لعبته. بمجرد أن تتقن هذا ، يمكنك الانتقال إلى إتقان مهارات أخرى - مثل إنشاء المصفوفات.

15 طريقة مصفوفة جافا سكريبت يجب أن تتقنها اليوم

هل تريد فهم مصفوفات JavaScript ولكن لا يمكنك التعامل معها؟ تحقق من أمثلة مصفوفة JavaScript الخاصة بنا للحصول على إرشادات.

اقرأ التالي

نبذة عن الكاتب