[שיעור מס' 14] JavaScript

[-Smoxer-]

הקדמה

בשיעור הקודם למדנו מספר דברים:

• איך יוצרים פונקציה.
• איך מעבירים פרמטרים לפונקציה.
• איך קוראים לפונקציה.
• איך משנים צבע רקע.

מתחילים

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

בשביל ליצור מערך אפשר להגדיר בשני אפשרויות.
אפשרות א':

ArrayName = new Array("ArrayValue1", "ArrayValue2"); 

אפשרות ב':

ArrayName = new Array();
        ArrayName[0] = "ArrayValue1";
        ArrayName[1] = "ArrayValue2"; 

שתי השיטות זהות לחלוטין, אתם תבחרו מה שנוח לכם.

בואו נראה מה עשינו ונעבור דבר, דבר.

ArrayName

זה השם של המערך (פועל כמו שם של משתנה רגיל, ראה שיעור מס' 9)

= new Array

מגדיר שזה מערך, ולא משתנה.

("ArrayValue1", "ArrayValue2");

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

ArrayName[0] = "ArrayValue1";
ArrayName[1] = "ArrayValue2";

בשיטה ב', השתמשנו בזה, זה גם מקצה את הערכים במערך.
אנחנו רושמים את שם המערך (ArrayName), ואת ערך המערך.
כלומר רושמים את המספר הסידורי של הקטע במערך, הספירה מתחילה מ-0!
אז שתי הדוגמאות אותו דבר, אתם תבחרו מה שנוח לכם.

עכשיו נעשה דוגמא, נכניס כמה נתונים למערך ונראה מה ייצא.

ArrayName = new Array(100, 73, 91, 97, 81, 51, 88);
        document.write(ArrayName[4]); 

מה לדעתכם ייצא?

ספוילר:

81, כי הספירה מתחילה מ-0.

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

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

Names = new Array("Avi", "Omri", "Zvika", "Michael");
        Names.reverse();
        document.write(Names); 

וזה ירשום את הסדר במערך הפוך!
תוצאה:

Michael,Zvika,Omri,Avi

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

השיטה sort
השיטה sort, נרשמת בדיוק כמו reverse.
רק שהיא מסדרת את המערך ע"פ סדר אלפבתי:

Names = new Array("Avi", "Omri", "Zvika", "Michael");
        Names.sort();
        document.write(Names); 

תוצאה:

Avi,Michael,Omri,Zvika

השיטה length
השיטה מחזירה את מספר הערכים שיש במערך:

Names = new Array("Avi", "Omri", "Zvika", "Michael");
        document.write(Names.length); 

זה יחזיר 4.
בגלל שבמערך שלנו יש 4 ערכים.


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

myDate = new Date() 

ננסה לרשום אותו (document.write) נקבל משהו בסגנון הזה:

Wed Nov 21 2012 10:32:17 GMT+0200 (Jerusalem Standard Time)

עכשיו אתם יודעים מתי רשמתי את המדריך
די ברור שאתם יודעים מה כל דבר אומר כן?

בשביל להציב תאריך, נרשום דבר בסגנון הזה:

myDate = new Date("MM/DD/YY HH:MM:SS"); 

MM - חודש (Month)
DD - יום (Day)
YY - שנה (Year)

בזמן:
HH - שעות (Hours)
MM - דקות (Minutes)
SS - שניות (Seconds)

לדוגמא:

myDate = new Date("5/21/2005 12:46:15"); 

יצא:

Sat May 21 2005 12:46:15 GMT+0300 (Jerusalem Daylight Time)

קבלת נתונים מדוייקים:
getDate()
נותן יום בחודש בין 1 עד 30.

getDay()
מחזיר את היום בשבוע (0 - יום ראשון, 6 - יום שבת וכ'ו)

getMonth()
מחזיר את מספר החודש (0 - ינואר, 11 - דצמבר וכ'ו)

getFullYear()
מחזיר את מספר השנה (לדוגמא 2012)

getHours()
מחזיר את מספר השעות בשעון צבאי (0 - חצות, 14 - שתיים בצהריים וכ'ו)

getMinutes()
מחזיר את מספר הדקות (0 - הדקה הראשונה וכ'ו)

getSeconds()
מחזיר את השניות (מספר בין 0-59)

נשתמש בזה כך:

myDate = new Date();
        window.document.write(myDate.FunctionName()); 

כך שבמקום "FunctionName" נרשום את אחת מהאפשרויות מלמעלה.

[KillaPlaya]

כל הכבוד לך, חבל על הזמן.