מבוא לסוגי נתונים ב-JavaScript

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

JavaScript תומך בשמונה סוגי נתונים: Number, BigInt, Boolean, String, Null, Undefined, Symbol ו-Object. במאמר זה תלמדו על כל שמונת סוגי הנתונים של JavaScript וכיצד להשתמש בהם.

סוגי נתונים של JavaScript

ניתן לסווג את סוגי הנתונים ב-JavaScript לשתי קטגוריות: סוגי נתונים פרימיטיביים וסוגי נתונים לא פרימיטיביים. אובייקט הוא סוג נתונים לא פרימיטיבי או מורכב, והשאר הם סוגי נתונים פרימיטיביים.

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

לדוגמה:

// x הוא מחרוזת
let x = "שלום עולם";
// x הוא מספר
x = 100;
// x הוא כעת בוליאני
x = נכון;

אם ברצונך למצוא את סוג הנתונים הנוכחי של משתנה, השתמש ב- סוג של מַפעִיל.

// x הוא מחרוזת
let x = "שלום עולם";
console.log (typeof (x));
// x הוא מספר
x = 100;
console.log (typeof (x));
// x הוא כעת בוליאני
x = נכון;
console.log (typeof (x));

תְפוּקָה:

חוּט
מספר
בוליאני

1. סוג נתונים מספר ב-JavaScript

סוג נתוני המספר ב-JavaScript משתמש ב- IEEE-754 פורמט לייצוג מספרים שלמים ומספרים צפה. אתה יכול לבצע פעולות רבות על מספרים ב-JavaScript כמו חיבור, חיסור, חילוק, כפל וכו'. כדי לבצע פעולות מורכבות יותר, אתה יכול להשתמש במובנה אובייקט מתמטי.

כמה דוגמאות ליצירת מספרים ב-JavaScript:

// שימוש בהצהרה מילולית
תן n1 = 100;
תן n2 = 456.234;
// שימוש בבנאי Number()
תן n3 = מספר (100);
// המרה למספר שלם
let n4 = Number.parseInt("456.234");
// המרה לצוף
let n5 = Number.parseFloat("456.234");
let n6 = Number.parseFloat("1.13e3");
// המרה אונארית למספר
תן n7 = +"345";
console.log (n1);
console.log (n2);
console.log (n3);
console.log (n4);
console.log (n5);
console.log (n6);
console.log (n7);

תְפוּקָה:

100
456.234
100
456
456.234
1130
345

מספרים שלמים

ההצהרה הבאה יוצרת משתנה המחזיק מספר שלם:

תן x = 21;

אם אתה רוצה ליצור אוקטלי (בסיס 8) ליטרלים, עליך להשתמש ב- 0o קידומת עם רצף הספרות האוקטליות (ספרות מ-0 עד 7).

תן x = 0o53;
console.log (x);

תְפוּקָה:

43

באופן דומה, אם ברצונך ליצור ליטרלים הקסדצימליים (בסיס 16), השתמש ב- 0x קידומת עם רצף הספרות הקסדצימליות (0 עד 9, ו-A עד F).

תן x = 0x53;
console.log (x);

תְפוּקָה:

83

מספרים עשרוניים

ההצהרה הבאה יוצרת משתנה המחזיק מספר נקודה צפה:

תן x = 324.56;

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

תן x = 1.13e6;
console.log (x);

תְפוּקָה:

1130000

JavaScript מספק גם ערכים מספריים מיוחדים אחרים השייכים ל- מספר סוג נתונים - NaN, Infinity ו-Infinity.

• NaN: NaN מייצג לא מספר כלומר מספר לא חוקי. לדוגמה, אם תחלק מחרוזת ומספר, התוצאה תהיה NaN.

  console.log("MakeUseOf"/10);

  תְפוּקָה:

  NaN

  באופן מעניין למדי, NaN אינו שווה לכלום, כולל עצמו.

  console.log (NaN == NaN);
  console.log (NaN == ("MakeUseOf"/10));
  console.log (NaN NaN);

  תְפוּקָה:

  שֶׁקֶר
  שֶׁקֶר
  שֶׁקֶר

  כמו כן, אם ביטוי מתמטי איפשהו מכיל NaN, התוצאה היא תמיד NaN.
• אינסוף ו-אינסוף: אינסוף ו -אינסוף מייצג את המתמטי ∞ ו -∞ בהתאמה.

2. סוג נתונים BigInt ב-JavaScript

BigInt הוא סוג נתונים פרימיטיבי ב-JavaScript שיכול לייצג מספרים שלמים בדיוק שרירותי. מכיוון שסוג נתוני המספר אינו יכול לייצג ערכים גדולים מ-(2⁵³-1) או ערכים פחות מ-(2⁵³-1), BigInt משמש במקרים כאלה לייצוג מספרים גדולים מאוד או קטנים.

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

אתה יכול ליצור ערך BigInt על ידי הוספה נ לסוף מספר שלם או באמצעות הבנאי.

let big1 = 78649264972634817648747234872634876243862348763467547n;
let big2 = BigInt("78649264972634817648747234872634876243862348763467547");
console.log (big1);
console.log (big2);

תְפוּקָה:

78649264972634817648747234872634876243862348763467547n
78649264972634817648747234872634876243862348763467547n

סוג הנתונים BigInt הוא תוספת עדכנית יחסית לשפה והוא נתמך כיום כמעט על ידי כל הדפדפנים מלבד Internet Explorer.

3. סוג נתונים בוליאני ב-JavaScript

לסוג הנתונים הבוליאניים יכולים להיות שני ערכים: נָכוֹן ו שֶׁקֶר. ערכים בוליאניים הם תוצאה של השוואות לוגיות.

תן x1 = נכון;
console.log (x1);
תן x2 = !true;
console.log (x2);
תן x3 = !!true;
console.log (x3);
let x4 = (false && true);
console.log (x4);
let x5 = (false || true);
console.log (x5);
תן x6 = (2 == "2");
console.log (x6);
תן x7 = (2 "2");
console.log (x7);
let x8 = (null undefined);
console.log (x8);
תן x9 = (0 == "");
console.log (x9);
תן x10 = (100 > 12);
console.log (x10);

תְפוּקָה:

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

אתה יכול להמיר ערך של כל סוג נתונים אחר לסוג נתונים בוליאני באמצעות ה בוליאנית() פוּנקצִיָה.

// מחרוזות
console.log (Boolean(''));
console.log (Boolean('abc'));
console.log (Boolean('123'));
// מספרים
console.log (בוליאני (0));
console.log (בוליאני (1));
console.log (בוליאני(-1));
console.log (בוליאני (NaN));
console.log (בוליאני (אינסוף));
// אחרים
console.log (Boolean([1, 2, 3]));
console.log (בוליאני (לא מוגדר));
console.log (בוליאני (null));

תְפוּקָה:

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

4. סוג נתונים של מחרוזת ב-JavaScript

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

מחרוזות חייבות להיות מוקפות במירכאות. אתה יכול להשתמש בכל אחד משלושת סוגי המירכאות כדי ליצור מחרוזת: מרכאות בודדות, מרכאות כפולות או התקפות אחוריות.

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

let str1 = "היי";
let str2 = 'היי';
let str3 = "מה שלומך?";
// שימוש ב-\ כדי לחמוק מהמרכאה הבודדת (')
let str4 = 'מה שלומך?';

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

// הטמעת משתנה בתוך מחרוזת
let x = "שלום";
let str1 = `${x}, מה שלומך?`;
console.log (str1);
// הטמעת ביטוי בתוך מחרוזת
let str2 = `הסכום של 20 + 30 הוא: ${20 + 30}`;
console.log (str2);
// הטמעת קריאה לפונקציה בתוך מחרוזת
function calculateSum (a, b) {
החזר a + b;
}
let str3 = `הסכום של 20 + 30 הוא: ${calculateSum (20, 30)}`;
console.log (str3);

תְפוּקָה:

שלום איך אתה?
סכום של 20 + 30 הוא: 50
סכום של 20 + 30 הוא: 50

JavaScript מספק גם מספר שיטות מחרוזות לתפעל מיתרים.

5. סוג נתונים ריק ב-JavaScript

לסוג הנתונים null יש רק ערך אחד: ריק. זה מייצג היעדר מכוון של ערך אובייקט כלשהו.

תן n = null;

מתכנתים רבים מתבלבלים בין null לבין undefined. זה מסובך להבין ההבדל בין null לא מוגדר ב-JavaScript.

6. סוג נתונים לא מוגדר ב-JavaScript

הטיפוס הלא מוגדר הוא סוג מיוחד שמשמעותו "לא מוקצה ערך". כאשר אתה מכריז על משתנה אך לא מאתחל אותו, ערך לא מוגדר מוקצה למשתנה.

תן x;
console.log (typeof (x));

תְפוּקָה:

לא מוגדר

ניתן להקצות במפורש לא מוגדר למשתנה, אך מומלץ מאוד להימנע מכך.

קָשׁוּר: הגדר שיטות JavaScript שכדאי לשלוט בהן היום

7. סוג נתונים של סמל ב-JavaScript

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

אתה יכול ליצור סמל באמצעות ה סֵמֶל() פוּנקצִיָה. הוא מקבל גם תיאור אופציונלי (שם), אך למטרות ניפוי באגים בלבד.

let sym1 = Symbol();
let sym2 = Symbol("נתונים");

ה סֵמֶל() הפונקציה יוצרת ערך ייחודי חדש בכל פעם שהיא נקראת, גם אם תיצור סמלים עם אותו תיאור, הערכים יהיו שונים.

console.log (Symbol() == Symbol());
console.log (Symbol("data") == Symbol("data"));

תְפוּקָה:

שֶׁקֶר
שֶׁקֶר

קָשׁוּר: שיטות מפת JavaScript שכדאי לשלוט בהן היום

8. סוג נתוני אובייקט ב-JavaScript

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

אתה יכול ליצור אובייקט ריק ב-JavaScript באמצעות תחביר "בונה אובייקטים" (new Object()) או התחביר "אובייקט מילולי" (סוגריים מסולסלים {...}).

let obj1 = new Object();
תן obj2 = {};

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

let obj = {
"key1": "value1",
"key2": "value2"
}
console.log (obj.key1);
console.log (obj["key2"]);

תְפוּקָה:

ערך1
ערך2

איך JavaScript עובד?

JavaScript היא אחת משפות התכנות הפופולריות ביותר ברשת כיום. אתה יכול להשתמש ב-JavaScript ליצירת אתרים, יישומי אינטרנט, יישומי שרת, משחקים, אפליקציות לנייד וכו'. די לומר, אתה יכול לעשות כמעט כל מה שאתה יכול לחשוב עם JavaScript.

אבל האם אתה יודע איך JavaScript עובד מתחת למכסה המנוע?

מה זה JavaScript ואיך זה עובד?

אם אתה לומד פיתוח אתרים, הנה מה שאתה צריך לדעת על JavaScript וכיצד זה עובד עם HTML ו-CSS.

קרא הבא

על הסופר