מדריך זה יסביר כיצד לבצע איטרציה של לולאה דרך מערך JSON באמצעות JavaScript.
כיצד לבצע לולאה דרך מערך JSON באמצעות JavaScript?
ה ' מערך JSON ניתן לגשת לערכים באמצעות לולאה. בלולאה של JSON (סימון אובייקט JavaScript) נחשבת לטכניקה הטובה ביותר להעביר נתונים בפורמט מערך. הסיבה לכך היא שמדובר בפורמט קל לאחסון והעברת הנתונים הנדרשים ממקום אחד לאחר.
סעיף זה משתמש בשימוש הנפוץ ' ל ' לולאה כדי לחזור על מערך JSON באמצעות JavaScript.
תחביר (מערך JSON)
מַעֲרָך - שֵׁם = [ ערך1 , ערך2 , ..... ערךN ]
כאן, 'value1', 'value2' ו-'valueN' מתייחסים לערכים שיש לבצע איטרציה.
בואו נבצע את הלולאה דרך מערך 'JSON' ב-JavaScript באופן מעשי.
קוד HTML
בואו נסתכל על קוד ה-HTML הבא:
< h2 > לולאה דרך מערך JSON < / h2 >< ע > למערך JSON יש אלמנטים מסודרים אפס, אחד או יותר, מופרדים בפסיק. < / ע >
< ע תְעוּדַת זֶהוּת = 'לִטעוֹם' >< / ע >
בשורות הקוד לעיל:
- ה ' תג מגדיר כותרת משנה.
- ה ' ' תג יוצר משפט פסקה.
- לבסוף, התג '
' מגדיר פסקה ריקה בעלת מזהה ' לִטעוֹם ' כדי להציג את ערכי מערך JSON.
קוד JavaScript
לאחר מכן, עברו לקוד שסופק להלן:
< תַסרִיט >const JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. לְנַתֵחַ ( JSONarray ) ;
לתת טקסט = '' ;
ל ( תן ק = 0 ; ק < Obj. מכוניות . אורך ; ק ++ ) {
טֶקסט += Obj. מכוניות [ ק ] + ',' ;
}
מסמך. getElementById ( 'לִטעוֹם' ) . innerHTML = טֶקסט ;
תַסרִיט >
בגוש קוד זה:
- הגדר מערך JSON בשם ' JSONarray ' עם ' const ' מילת מפתח בעלת רשימת ערכים מסודרת.
- ה ' Obj אובייקט משתמש ב- לְנַתֵחַ() שיטה הממירה את טקסט מערך JSON שצוין לאובייקט JavaScript.
- לאחר מכן, ה' טֶקסט ' משתנה מאחסן ערך ריק.
- לאחר מכן, החל ' ל ' לולאה כדי לחזור על המאפיינים של ' Obj ' משורשר עם מערך ה-JSON הכלול כנגד המפתח 'מכונית'.
- כמו כן, שייך את ' אורך ' מאפיין ולהגדיל את הלולאה כדי לבצע את האיטרציה כראוי.
- לבסוף, החל את ' getElementById() ' שיטה לגשת לפסקה הריקה שנוספה באמצעות המזהה שלה 'דוגמא'. זה יציג את ערכי מערך ה-JSON דרך ' innerHTML ' תכונה.
תְפוּקָה
הפלט מציג את כל הערכים של מערך ה-JSON שנוסף באמצעות לולאת 'for'.
סיכום
' מערכי JSON ' ניתן לבצע איטרציה בקלות באמצעות JavaScript בעזרת ' ל 'לולאה. זהו תהליך נפוץ ומשמש בדרך כלל בפיתוח אתרים כדי לאחזר את הנתונים בפורמט JSON ממסד הנתונים או ה-API. מדריך זה הסביר תיאור קצר לחזרת לולאה דרך מערך JSON באמצעות JavaScript.