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 ישנם מספר סוגי נתונים בסיסיים:
- מספרים (Numbers) – כל מספר, חיובי או שלילי, שלם או שבר.
- מחרוזות (Strings) – סדרה של תווים (טקסט).
- בוליאנים (Booleans) – רק שני ערכים אפשריים:
true
אוfalse
. - אובייקטים (Objects) – מבנים מורכבים המאפשרים אחסון נתונים.
- מחרוזות ריקות או
undefined
– משתנים שעדיין לא קיבלו ערך. 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)
כשנותנים שם למשתנה, ישנם כללים מסוימים שחשוב להכיר:
- שם משתנה חייב להתחיל באות או בקו תחתי
_
. הוא לא יכול להתחיל במספר. - השמות רגישים לאותיות גדולות וקטנות, כלומר
myVar
שונה מ-myvar
. - אין להשתמש במילים שמורות של השפה כמו
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
והצגנו את הערך המעודכן.
סיכום
בפרק זה למדנו על:
- איך להכריז על משתנים באמצעות
let
,const
, ו-var
. - הסוגים הבסיסיים של נתונים ב-JavaScript: מספרים, מחרוזות, בוליאנים, ועוד.
- איך להשתמש בפונקציה
typeof
כדי לבדוק את סוג המשתנה. - הכללים למתן שמות למשתנים.
- דינמיות של משתנים ב-JavaScript.
בפרק הבא נצלול לתוך Arrays (מערכים) ונלמד כיצד לאחסן מספר ערכים במשתנה יחיד.