8 שיטות להגדיר JavaScript שאתה צריך לשלוט היום

ערכת JavaScript היא אוסף של ערכים ייחודיים.

סטים יכולים להחזיק ערכים מכל סוג נתונים. זה יכול להיות פרימיטיביים פשוטים, כגון מספרים שלמים או מחרוזות וכו', או סוגים מורכבים כמו מערכים או מילולי אובייקט. ערכים בסט יכולים להתרחש פעם אחת בלבד.

במאמר זה, תלמד שמונה שיטות JavaScript Set שאתה צריך לשלוט היום.

1. כיצד ליצור סט חדש ב-JavaScript

אתה יכול ליצור אובייקט סט חדש באמצעות ה- חָדָשׁמַעֲרֶכֶת() בַּנַאִי. האובייקט Set מאחסן ערכים ייחודיים מכל סוג נתונים. בנאי זה מקבל אובייקט שניתן לחזור עליו כפרמטר.

const setObj = new Set([21, 34, 35, 56, 23]);
console.log (setObj);

תְפוּקָה:

סט (5) { 21, 34, 35, 56, 23 }

אם אתה לא מציין שום דבר בפרמטר, נוצר סט ריק חדש.

const setObj = new Set();
console.log (setObj);

תְפוּקָה:

הגדר (0) {}

אם תנסה ליצור סט עם אלמנטים חוזרים, הרכיבים הכפולים יוסרו וערכה ייחודית תוחזר.

const setObj = new Set([1, 2, 3, 1, 2, 3]);
console.log (setObj);

תְפוּקָה:

סט (3) { 1, 2, 3 }

אתה יכול גם ליצור סט באמצעות סוגי נתונים מעורבים.

const setObj = new Set([1, 2, "שלום", [45, 67, 78]]);
console.log (setObj);

תְפוּקָה:

סט (4) { 1, 2, 'שלום', [ 45, 67, 78 ] }

2. כיצד להוסיף אלמנטים חדשים לאובייקט מוגדר

אתה יכול להוסיף אלמנט חדש לסוף האובייקט Set באמצעות ה- לְהוֹסִיף() שיטה. שיטה זו מקבלת את הערך של האלמנט שיש להוסיף לאובייקט ה-Set כפרמטר, ומחזירה את אובייקט ה-Set החדש עם ערך מוסף.

const setObj = new Set();
setObj.add("ברוך הבא");
setObj.add("to");
setObj.add("MUO");
console.log (setObj);

תְפוּקָה:

הגדר (3) { 'ברוכים הבאים', 'ל', 'MUO' }

אתה יכול להעביר את הערך ישירות כפרמטר, או שאתה יכול להעביר את המשתנה כאחד במקום זאת.

const setObj = new Set();
// הוספה של ערך לאובייקט סט
setObj.add("ברוך הבא");
const var1 = "to";
const var2 = "MUO";
// הוספת משתנה לאובייקט Set
setObj.add (var1);
setObj.add (var2);
console.log (setObj);

תְפוּקָה:

הגדר (3) { 'ברוכים הבאים', 'ל', 'MUO' }

ה לְהוֹסִיף() השיטה תומכת גם בשרשור.

const setObj = new Set();
// שרשור
setObj.add (1).add (2).add (3);
console.log (setObj);

תְפוּקָה:

סט (3) { 1, 2, 3 }

אם תנסה להוסיף אלמנטים כפולים, רק המופע הראשון של האלמנט יישמר.

const setObj = new Set();
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 = new Set([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 }
גודל אובייקט הסט לאחר ניקוי אלמנטים: 0
הגדר (0) {}

קָשׁוּר: שיטות מחרוזת JavaScript שאתה צריך לשלוט היום

4. כיצד למחוק אלמנט ספציפי מאובייקט מוגדר

אתה יכול למחוק אלמנט מסוים מאובייקט Set (אם הוא קיים) באמצעות ה- לִמְחוֹק() שיטה. שיטה זו מקבלת את הערך שיימחק מהסט. אם הערך נמצא, השיטה חוזרת נָכוֹן. אחרת, זה יהיה שֶׁקֶר.

const setObj = new Set([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 = new Set(["ברוכים הבאים", "ל", "MUO"]);
console.log (setObj.has("MUO"));
console.log (setObj.has("MakeUseOf"));

תְפוּקָה:

נָכוֹן
שֶׁקֶר

6. מהי שיטת entries() ב-JavaScript Set Object?

לדברי הפקיד MDN Web Docs:

"ה ערכים() השיטה מחזירה אובייקט Iterator חדש שמכיל מערך של [ערך, ערך] עבור כל רכיב באובייקט Set, לפי סדר ההכנסה. עבור אובייקטים מוגדרים, אין מפתח כמו באובייקטי מפה. עם זאת, כדי לשמור על ה-API דומה לאובייקט המפה, לכל ערך יש את אותו ערך עבור המפתח והערך שלו כאן, כך שמערך [ערך, ערך] מוחזר."

const setObj = new Set(["ברוכים הבאים", "ל", "MUO"]);
for (תן כניסה של setObj.entries()) {
console.log (ערך);
}

תְפוּקָה:

[ 'ברוך הבא ברוך הבא' ]
[ 'אל', 'אל' ]
[ 'MUO', 'MUO' ]

const setObj = new Set(["ברוכים הבאים", "ל", "MUO"]);
for (תן [מפתח, ערך] של setObj.entries()) {
console.log (ערך);
}

תְפוּקָה:

ברוך הבא
ל
MUO

המפתחות והערכים בסט זהים.

const setObj = new Set(["ברוכים הבאים", "ל", "MUO"]);
for (תן [מפתח, ערך] של setObj.entries()) {
console.log (ערך מפתח);
}

תְפוּקָה:

נָכוֹן
נָכוֹן
נָכוֹן

קָשׁוּר: כיצד להשתמש בלולאות ב-JavaScript

7. מהי שיטת forEach() ב-JavaScript Set Object?

ה לכל אחד() השיטה מפעילה פונקציה עבור כל רכיב של אובייקט ה-Set. השיטה הזו חוזרת לא מוגדר.

const setObj = new Set([1, 2, 3, 4, 5]);
תן סכום = 0;
setObj.forEach (פונקציה (אלמנט) {
sum += אלמנט;
});
console.log (sum);

תְפוּקָה:

15

8. מהי שיטת ה-values() ב-JavaScript Set Object?

ה ערכים() שיטה מחזירה an איטרטור אובייקט שמכיל את כל הערכים בסט, והוא עושה זאת לפי סדר הוספה.

const setObj = new Set([1, 2, 3, 4, 5]);
const iteratorObj = setObj.values();
for (תן ערך של iteratorObj) {
console.log (ערך);
}

תְפוּקָה:

1
2
3
4
5

קָשׁוּר: מבוא לאיטרטורים ומחוללים ב-JavaScript

הערה: לאובייקט Set ב-JavaScript אין מפתחות. אבל כדי להפוך את הסט לתואם למפות, ה keys() השיטה משמשת ככינוי עבור ערכים() שיטה. ה keys() השיטה מתנהגת בדיוק כמו ה- ערכים() שיטה.

עכשיו אתה יודע איך ליצור סטים ב-JavaScript

אז הנה לך. לאחר קריאת מאמר זה, אמור להיות לך הרבה שיעזור לך לשלוט ביצירת סטים ב-JavaScript.

יצירת סטים היא קריטית עבור כל מתכנת שמעוניין לשפר את המשחק שלו. לאחר שתשלוט בזה, תוכל לעבור לשכלול מיומנויות אחרות - כמו יצירת מערכים.

15 שיטות מערך JavaScript שאתה צריך לשלוט היום

רוצים להבין מערכי JavaScript אבל לא מצליחים להתמודד איתם? בדוק את דוגמאות מערך ה-JavaScript שלנו לקבלת הדרכה.

קרא הבא

על הסופר