PracticU

מערך Array ב-TypeScript

בלי כתוביותעם כתוביות
PracticU › קורס TypeScript › מערך Array ב-TypeScript
מילון מושגים:
מערך - מבנה נתונים שמאחסן אוסף ערכים מאותו סוג ברצף, שאפשר לגשת אליהם לפי מספר מיקום (אינדקס).
TypeScript - שפת תכנות המרחיבה את JavaScript בהוספת טיפוסים, ומתקמפלת ל-JavaScript רגיל.
JavaScript - שפת תכנות שרצה בעיקר בדפדפן ומוסיפה אינטראקטיביות לדפי אינטרנט. רצה גם בצד השרת באמצעות Node.js.
קומפיילר - תוכנה שממירה קוד מקור שנכתב בשפת תכנות לקוד שהמחשב יכול להריץ, ומדווחת על שגיאות תחביר.
מחרוזת - סוג נתונים שמייצג רצף של תווים, כלומר טקסט, ומשמש לאחסון מילים, משפטים או כל רצף סימנים.
בוליאני - סוג נתונים שיכול לקבל אחד משני ערכים בלבד: אמת (true) או שקר (false).

מערך Array ב-TypeScript
מערך ב-TypeScript הוא מערך של JavaScript עם טיפוס, והקומפיילר דואג שיוכנסו אליו רק ערכים מהסוג המתאים.
איך מגדירים מערך עם טיפוס
1. הסקה אוטומטית: מערך עם הערכים 10, 20, 30 מוכר כמערך מספרים. ניסיון לעשות push של טקסט מקבל שגיאה, והכנסת 40 עוברת.
2. טיפוס מפורש: number[] מגדיר מערך שמכיל מספרים בלבד. השמה של מערך אחר של מספרים תקינה, ומערך שכולל גם טקסט נדחה.
3. מערך מעורב: (number | string)[] מאפשר גם מספרים וגם מחרוזות, אבל לא ערך בוליאני כמו true.
4. מערך מספרים או מערך מחרוזות: הטיפוס number[] | string[] מאפשר מערך שכולו מספרים או מערך שכולו מחרוזות, אך לא מערך שמערבב ביניהם.
5. בלי הגדרת טיפוס: אם מכניסים את הערכים מיד, למשל 1, 2, 3, המערכת מסיקה את הטיפוס בעצמה.
שימו לב
- בהגדרת טיפוס משתמשים בנקודותיים ולא בסימן שווה, והמרצה תיקן טעות כזו בעצמו.
- בדרך כלל מעדיפים מערך שמכיל סוג אחד של מידע, ולכן מערך מעורב נדיר.
על מערך מוגדר אפשר להריץ לולאת for רגילה או forEach, בדיוק כמו ב-JavaScript.
השיעור הבא בקורס: פונקציות ב-TypeScript

פרקי ההרצאה: מערך Array ב-TypeScript

  1. 00:00

    יצירת מערך והוספת ערכים עם push

  2. 00:54

    הגדרת טיפוס number[]

  3. 01:48

    מערך של מספרים ומחרוזות

  4. 02:45

    טיפוס איחוד number או string

  5. 03:20

    מערך של מספרים או של מחרוזות

תמלול ההרצאה: מערך Array ב-TypeScript

הטקסט המלא של הדקות הראשונות בהרצאה «מערך Array ב-TypeScript» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:02

    הדבר הבא שאנחנו הולכים לסגור בטייפסקריפט זה יצירה של מערכים. בואו ניקח איזשהו מערך, נגדיר אותו כאיזשהו array ונכניס לתוכו ערכים, 10, 20, 30. ג'אווה סקריפט יצר לנו מערך, אוקיי, גם בטייפסקריפט יצר לנו מערך, אבל מה הסוג נתונים שלו?

  2. 00:25

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

  3. 00:39

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

  4. 00:54

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

  5. 01:13

    בואו ננסה לגשת למערך ולהכניס מערך אחר של 112233 ונראה שהכל בסדר. בואו ננסה להכניס למערך 4455 והיי. לא מסכים?

  6. 01:28

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

  7. 02:07

    אנחנו רואים שהוא סטרינג או נמבר, אז אני יכול להכניס עכשיו 30, ואני יכול לבצע rr2.push ולהכניס לואו. אני לא יכול לגשת ל-rr2 ולהכניס לתוכו לדוגמה בוליאן.

  8. 02:23

    בוליאן, לא מסכים. בוליאן זה כמובן לא נאמבר ולא סטרינג, זה טיפוס בפני עצמו. האמת, לא התכוונתי לרשום בוליאן, התכוונתי לרשום true, וזה error.

  9. 02:39

    בואו נשים את זה בהערה. אז מה סוג הנתונים של הדבר הזה? אז סוג הנתונים של הדבר הזה, בואו לצורך כך נשים אותו פה, ערר 2. הסוג שלו זה number or string, סוגריים מרובעים.

  10. 03:03

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

  11. 03:18

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

  12. 03:33

    מה שהיינו יכולים להכניס לarr3 זה או מערך

לקורס המלא: קורס TypeScript אונליין

ההרצאה הקודמת: סוגי אובייקטים ב-TypeScript

ההרצאה הבאה: פונקציות ב-TypeScript

הרצאות קשורות מקורסים אחרים

  • מערך של מבנים - Array
  • קורס סי-שארפ - מערך - Array
  • מערך Array ב-Javascript
  • מערך - Array - שפת Swift

קורסים נוספים במסלול

  • קורס יסודות HTML - בניית אתר אינטרנט פשוט
  • קורס CSS 3 - בדגש על Flex & Grid
  • קורס Javascript כולל JQuery
  • קורס ג'אווה סקריפט מעשי - JavaScript
  • קורס ריאקט - React
  • קורס NodeJS