פרק 2: משתנים וסוגי נתונים (Variables and Types) ב-JavaScript

1. מה זה משתנה?

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

ב-JavaScript, יש שלוש דרכים להגדיר משתנים:

• var: הדרך הישנה להכריז על משתנים (כמעט ולא משתמשים בזה היום).
• let: הדרך המודרנית והמומלצת להכריז על משתנים שמשתנים לאורך התוכנית.
• const: משתנים שקיבלו ערך שלא ניתן לשנות לאחר ההכרזה.

2. הכרזת משתנים ב-JavaScript

הבה נסתכל על מספר דוגמאות של הכרזת משתנים:

let age = 25; // הגדרת משתנה עם let
const name = "John"; // הגדרת משתנה עם const (שלא ניתן לשנות)
var isStudent = true; // הגדרת משתנה עם var (שיטה ישנה)

הסבר:

• let age = 25; – הגדרנו משתנה בשם age ושמרנו בו את המספר 25.
• const name = "John"; – הגדרנו משתנה קבוע בשם name ושמרנו בו את המחרוזת "John".
• var isStudent = true; – הגדרנו משתנה עם הערך הבוליאני true (אמת). אמנם var הוא תקף, אבל מומלץ להימנע מלהשתמש בו כי יש לו כמה התנהגויות שיכולות לגרום לבעיות.

3. סוגי נתונים (Data Types)

ב-JavaScript ישנם מספר סוגי נתונים בסיסיים:

1. מספרים (Numbers) – כל מספר, חיובי או שלילי, שלם או שבר.
2. מחרוזות (Strings) – סדרה של תווים (טקסט).
3. בוליאנים (Booleans) – רק שני ערכים אפשריים: true או false.
4. אובייקטים (Objects) – מבנים מורכבים המאפשרים אחסון נתונים.
5. מחרוזות ריקות או undefined – משתנים שעדיין לא קיבלו ערך.
6. null – ערך המייצג חוסר נתון (שונה מ-undefined).

דוגמה לסוגי נתונים:

let age = 30; // מספר
let name = "Alice"; // מחרוזת
let isStudent = false; // בוליאני
let address = null; // אין ערך מוגדר
let hobby; // ערך לא מוגדר, יהיה undefined

הסבר:

• age הוא מספר.
• name הוא מחרוזת (טקסט).
• isStudent הוא ערך בוליאני (true או false).
• address הוא null, כלומר הוא מוגדר כחסר ערך.
• hobby עדיין לא הוגדר ולכן הוא undefined.

4. איך בודקים את סוג המשתנה?

ב-JavaScript אפשר לבדוק את סוג המשתנה באמצעות הפונקציה typeof.

דוגמה:

let number = 42;
let text = "Hello!";
let isAvailable = true;

console.log(typeof number); // יופיע "number"
console.log(typeof text); // יופיע "string"
console.log(typeof isAvailable); // יופיע "boolean"

הסבר:

• typeof number מחזיר "number" כי זהו סוג המשתנה.
• typeof text מחזיר "string".
• typeof isAvailable מחזיר "boolean".

5. כללים לשמות משתנים (Identifiers)

כשנותנים שם למשתנה, ישנם כללים מסוימים שחשוב להכיר:

1. שם משתנה חייב להתחיל באות או בקו תחתי _. הוא לא יכול להתחיל במספר.
2. השמות רגישים לאותיות גדולות וקטנות, כלומר myVar שונה מ-myvar.
3. אין להשתמש במילים שמורות של השפה כמו if, while, let וכדומה.

דוגמאות חוקיות ולא חוקיות:

let firstName = "Tom"; // חוקי
let _age = 21; // חוקי
let $salary = 3000; // חוקי

// let 1number = 10; // לא חוקי, לא ניתן להתחיל במספר
// let let = "something"; // לא חוקי, "let" היא מילה שמורה

6. דינמיות של משתנים ב-JavaScript

ב-JavaScript, אפשר לשנות את סוג המשתנה לאחר ההגדרה (משתנה דינמי). למשל, אפשר להגדיר משתנה כמספר ולאחר מכן לשנותו למחרוזת:

דוגמה:

let dynamicVar = 100; // הגדרנו מספר
console.log(typeof dynamicVar); // "number"

dynamicVar = "Now I'm a string!";
console.log(typeof dynamicVar); // "string"

7. דוגמה מלאה: שימוש במשתנים וסוגי נתונים

הבה ניצור דוגמה שמראה איך משתמשים במשתנים שונים בתוכנית קטנה.

דוגמה:

let name = "Sara"; // מחרוזת
let age = 28; // מספר
let isEmployed = true; // בוליאני

console.log("Name: " + name); // הדפסת המחרוזת עם שם
console.log("Age: " + age); // הדפסת גיל
console.log("Is Employed: " + isEmployed); // הדפסת המצב התעסוקתי

// שינוי ערך המשתנה
age = 29; 
console.log("Updated Age: " + age); // הדפסת הגיל לאחר שינוי

הסבר:

• הגדרנו שלושה משתנים (name, age, isEmployed) ושמרנו בהם ערכים מסוגים שונים.
• השתמשנו ב-console.log כדי להציג את הערכים הללו בקונסולה.
• בהמשך, שינינו את ערך המשתנה age והצגנו את הערך המעודכן.

סיכום

בפרק זה למדנו על:

1. איך להכריז על משתנים באמצעות let, const, ו-var.
2. הסוגים הבסיסיים של נתונים ב-JavaScript: מספרים, מחרוזות, בוליאנים, ועוד.
3. איך להשתמש בפונקציה typeof כדי לבדוק את סוג המשתנה.
4. הכללים למתן שמות למשתנים.
5. דינמיות של משתנים ב-JavaScript.

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