שפת JavaScript - הסבר על JSON

תמלול ההרצאה: שפת JavaScript - הסבר על JSON

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

1. 00:02

   דבר נוסף שחשוב לנו לסגור בריוויו הזה לגבי Javascript Basics שאנחנו כמובן הולכים להשתמש איתו במהלך הקורס זה JSON. JSON זה קיצור של Javascript Object Notation וזה בעצם פורמט טקסטואלי לייצוג מידע כמו שיש לנו כל מיני פורמטים של ייצוג מידע לדוגמה אולי אתם מכירים XML Extensible Markup

2. 00:31

   Language בקובץ INI אולי שמעתם עליהם. אז אלה כל מיני פורמטים שמכילים מידע, יש קובץ CSV, קומא ספרייטד ואליוז.

3. 00:42

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

4. 00:58

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

5. 01:13

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

6. 01:53

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

7. 02:07

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

8. 02:30

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

9. 03:00

   אז קודם כל יכול להיות מצב שיש לנו מערך כזה בואו ניקח const cats נקרא לזה mycats ונגדיר שיש לנו מערך ובמערך יש לנו אובייקטים נניח שיש לנו פה name mitzy h4 ונשכפל ל-kitsy 5 ו-pitsy 6. אנחנו יכולים עכשיו לקחת את כל המערך הזה ולהפוך אותו לפורמט ג'ייסון, פורמט ג'ייסון זה פורמט טקסטואלי

10. 03:36

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

11. 04:03

    אם אני עכשיו אלך ויציג קונסול לוג את מייקאטס ג'ייסון בואו נריץ את זה נלך ל-no ונקבל בעצם מכרוזת שימו לב שזה שונה מהמצב שבו אני מציג את מיי קאטס אם אני אציג את מיי קאטס אתם רואים שהוא מציג לי ממש את ה-values של המערך אבל כאן אני רואה מכרוזת גם אנחנו יכולים

12. 04:35

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

13. 05:06

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

14. 05:30

    בואו ניקח את mycats.json והנה mycats2 מחזיק לנו כרגע מערך מקורי או בעצם לא בדיוק את המערך המקורי אבל מערך זהה למערך המקורי שהיה