הנך נמצא: מדריך בסיסי / שיעור 4 / דף 9
 


המדריך של תאו ל- JavaScript
 


דפים בשיעור זה:
1: הקדמה לשיעור 4
2: מבוא ללולאות
3: לולאות סיסמא
4: עוד על לולאות while
5: לולאות for
6: לולאות מקוננות
7: תרגילי לולאות
8: מערכים
9: מערכים ולולאות
10: מערכים ב- DOM
11: פונקציות
12: פונקציות void
13: פרמטרים
14: פונקציות פרמטרים
15: תרגול פונקציות
16: סיכום שיעור 4
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|

שיעור 4

דף 9: מערכים ולולאות.

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

דבר ראשון שאנחנו צריכים לעשות על מנת שהשקופית תעבוד הוא להצהיר על כמה משתנים:

var url_names = new Array("hits.org","awaken.org","bianca.com");
var a_url;

אח"כ, נעשה לולאה שתעבור דרך המערכים, תפתח כל- URL, ואז נחכה שהמשתמש ילחץ על כפתור ה- ok בתיבת האתראה:


                  for (loop = 0; loop < url_names.length; loop++)
{
  // make the name of a url, for example http://www.hits.org/
 a_url = "http://www." + url_names[loop] + "/";

  // open a window
  var new_window=open(a_url,"new_window","width=300,height=300");

  // wait for the click
   alert("hit ok for the next site");
}

ישנם כמה דברים מעניינים בתוך הלולאה שכדאי לשים אליהם לב. ראשית, הלולאה עוברת מאפס עד לערך המשתנה url_names.length. הצבת ה- length אחרי השם של המערך מלמדת אותך כמה אלמנטים יש בתוך המערך. אבל, זכור כי המספר הזו אינו כמו אינדקס המספר של האלמנט האחרון במערך. אם למערך יש שלושה אלמנטים, אז האורך שלו הוא שלוש, אבל האלמנט האחרון הוא: [array[2. הסיבה לכך היא, שהאלמנט הראשון במערך הוא: [array[0. אם אתה מקבל טעויות כגון: "אובייקט לא נמצא", ויש לך מערך בקוד, יתכן שהתבלבלת בין אינדקס המספרים לאלמנטים במערך ובין המספר הכללי של האלמנטים במערך.

ודאי שמת לב שלשים את "length." בסוף המערך מאד דומה למציאת תכונה של אובייקט. זה בגלל שגם המערכים הם אובייקטים והאורך היינו תכונה של המערך.

הסימן האחר לכך שמערכים הם אובייקטים הוא, שאתה יוצר מערך חדש ע"י שימוש בפקודה new. הדוגמא למעלה, (... "url_names = new Array("blah","blah, בעצם אומרת: "תיצור מערך חדש ותגרום ל- url_name להתייחס אליו". בכלליות, כך אתה יוצר מיידית אובייקט חדש. אנחנו לא נמשיך להתמקד באובייקטים בשיעור זה לעת עתה. רק זכור, אם אתה רואה פקודת "new" שמשתמשים בה בצורה הזאת, אתה בעצם מביט על אובייקט חדש שנוצר במערכת.

השורה הראשונה בלולאה יצרה משתנה חדש שמחזיק מחרוזת:

a_url = "http://www." + url_names[loop] + "/";

בפעם הראשונה בתוך הלולאה, הערך של המשתנה loop הינו אפס. האלמנט הראשון במערך ה-url_name הוא בעצם מחרוזת "hits.org". כך שבמהלך הפעם הראשונה בתוך הלולאה המשתנה a_url ישתווה למחרוזת "http://www.hits.org/".

השורה הבאה בלולאה פותחת חלון ל URL.

var new_window=open(a_url,"new_windows","width=300,height=300”);

בגלל שבכל פעם שאנו פותחים חלון אנחנו נותנים לו את אותו השם, לא נקבל ריבוי חלונות. אם היינו שומטים את השם "new_window", היינו פותחים חלון נפרד לכל URL בלולאה.

השורה הבאה בלולאה, סה"כ מפעילה תיבת אזהרה, ומחכה שהמשתמש יקיש על כפתור ה-OK.

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

חזור לתחילת הדף

לדף הבא «--

 
       
       
   
 
 

עמוד ראשי
מדריך בסיסי
מדריך מתקדם
החלפת תמונות
גניבת קוד
מפת האתר