ה-JSON הוא פורמט שילוב נתונים קל משקל המשמש בעיקר לאחסון והעברה של נתונים משרת או מערכת אחד לאחר. מצד שני, מפה גם מאחסנת נתונים והיא משתמשת בפורמט ערך המפתח שבו למפתח יכול להיות כל סוג נתונים. המפתח יכול לאחזר נתונים ספציפיים על ידי בחירת המפתח המתאים לו.
מאמר זה מסביר את התהליך להמרת JSON למפה/מפה ב-JavaScript על ידי כיסוי הסעיפים הבאים:
- כיצד להמיר נתוני JSON למפה ב-JavaScript?
- כיצד להמיר נתוני JSON ממפה ב-JavaScript?
- כיצד להביא JSON API ולהמיר את הנתונים שלו למפה
כיצד להמיר נתוני JSON למפה ב-JavaScript?
המרת נתוני JSON למפה שומרת על פורמט צמד המפתח-ערך כ 'מַפָּה' וגם מאחסן נתונים בצורת מפתח-ערך בדיוק כמו JSON. לכן, המפתח יכול לשמור על הסדר המקורי של המפתחות, מה שלא מובטח עם המרת אובייקט JavaScript. המרה 'JSON' נתונים לתוך 'מַפָּה' מציעה גמישות רבה יותר ומאפשרת למפתח להשתמש בשיטות המובנות במפה כדי לספק קלות בזמן מעבר על הנתונים.
בואו נבקר בגוש הקוד שלהלן שבו הנתונים המקודדים ב-JSON יעברו המרה למפה:
< סוג סקריפט = 'טקסט/Javascript' >
const jsonFormat = '{'author1':'ג'קסון','author2':'ריד','author3':'טאשה','author4':'פטרסון'} ' ;
const mapFormat = חָדָשׁ מַפָּה ( לְהִתְנַגֵד . ערכים ( JSON. לְנַתֵחַ ( jsonFormat ) ) ) ;
לְנַחֵם. עֵץ ( mapFormat ) ;
תַסרִיט >
ההסבר של הקוד לעיל נאמר כך:
- ראשית, צור משתנה מסוג const בשם 'jsonFormat' המכיל נתונים בפורמט JSON כלומר בפורמט מפתח-ערך.
- לאחר מכן, צור מופע חדש של המפה עם השם 'מפתפורמט' . כדי לנתח את נתוני ה-JSON, העבר את 'מפתפורמט' בתוך ה 'JSON.parse()' שיטה.
- לאחר מכן, העבר את התוצאה שהוחזרה בשיטה זו לתוך 'Object.entries()' כדי ליצור מערך של מערכים וכל מערך פנימי מייצג את צמדי המפתח-ערך.
- העבר את התוצאה הסופית או את כל השיטות הללו לאורך יישור נכון בתוך 'מַפָּה' בַּנַאִי. עכשיו, הדוגמה שלו 'מפתפורמט' מכיל את נתוני ה-JSON המומרים אשר מוצגים בחלון המסוף באמצעות ה- 'console.log()' שיטה.
לאחר הידור של הקוד לעיל, חלון המסוף ייראה כך:
הפלט מאשר שנתוני JSON הומרו למפה. למידע נוסף ודוגמאות להמרת נתוני JSON למערך או למפה, אתה יכול לבקר באחר שלנו מאמר .
כיצד להמיר נתוני JSON ממפה ב-JavaScript?
המרת נתונים לפורמט JSON משפרת את זמינותם לכל החיים ומאפשרת לך לשלוח נתונים אלה לכל מקום דרך הרשת מבלי לאבד נתונים. יתר על כן, פורמט JSON קל לקריאה אנושית וניתן להשתמש בו ב-API אינטרנט או קבצי תצורה. בתוכנית שלהלן, נתוני המפה יומרו לפורמט JSON:
< סוג סקריפט = 'טקסט/Javascript' >const mapFormat = חָדָשׁ מַפָּה ( [
[ 'מחבר1' , 'ג'קסון' ] ,
[ 'מחבר2' , 'קנה סוף' ] ,
[ 'מחבר3' , 'טאשה' ] ,
[ 'מחבר4' , 'פיטרסון' ] ,
] ) ;
const jsonFormat = JSON. stringify ( לְהִתְנַגֵד . מתוך Entries ( mapFormat ) ) ;
לְנַחֵם. עֵץ ( jsonFormat ) ;
תַסרִיט >
ההסבר של בלוק הקוד לעיל נאמר כך:
- ראשית, המופע ששמו 'מפתפורמט' נוצר עבור המפה המכילה מספר ערכים.
- לאחר מכן, ה 'Object.fromEntries()' נעשה שימוש בשיטה וה 'מפתפורמט' מועבר אליו. פעולה זו תמיר את נתוני המפה המסופקים למערך מקונן.
- לאחר מכן, המערך המקונן מועבר ל- 'JSON.stringify()' שיטה להמיר את המערך המקונן לפורמט JSON תוך שמירה על היישור של צמד המפתח-ערך.
- בסופו של דבר, נתוני פורמט JSON שנוצרו מוצגים מעל חלון המסוף.
הפלט שנוצר לאחר הידור של הקוד לעיל מוצג להלן:
הפלט מראה שנתוני המפה מומרים כעת לפורמט JSON בהצלחה.
כיצד להביא JSON API ולהמיר את הנתונים שלו למפה?
ניתן גם להמיר את נתוני ה-JSON שהתקבלו מה-API ישירות למפה על ידי שימוש באותה גישה שתוארה לעיל בסעיף הראשון. לשם כך, תחילה יש לאחזר את ה-API ואז נתוני ה-JSON שאוחזרו יומרו למפה, כפי שמוצג להלן:
< תַסרִיט >אסינכרון פוּנקצִיָה convertJSONApi ( ) {
לְנַסוֹת {
const מילואים = ממתין להבאה ( 'https://jsonplaceholder.typicode.com/todos/' ) ;
const jsonFormat = ממתין למיל. json ( ) ;
const mapFormat = חָדָשׁ מַפָּה ( לְהִתְנַגֵד . ערכים ( jsonFormat ) ) ;
לְנַחֵם. עֵץ ( mapFormat ) ;
} לתפוס ( סיבה שגיאה ) {
לְנַחֵם. שְׁגִיאָה ( 'שגיאה באחזור או המרה של נתונים:' , סיבה שגיאה ) ;
}
}
convertJSONApi ( ) ;
תַסרִיט >
התיאור של הקוד לעיל מצוין להלן:
- ראשית, הפונקציה הא-סינכרונית בשם 'convertJSONApi()' מוגדר על ידי שימוש במילת המפתח 'אסינכרון' מאחורי הפונקציה 'מילת מפתח' .
- לאחר מכן, השתמש ב- 'לְנַסוֹת' לחסום וליצור א 'קונסט' משתנה סוג 'מיל' שיאחסן את הנתונים שאוחזרו מה-API. השליפה מתבצעת על ידי הכנסת קישור ה-API בתוך 'לְהָבִיא()' שיטה. כמו כן, צרף את 'לְהַמתִין' מילת מפתח מאחורי זה 'לְהָבִיא()' שיטה לחכות להגעת כל נתוני ה-API.
- לאחר מכן, החל את 'json()' שיטה על המשתנה 'res' כדי לקרוא את כל הנתונים שהתקבלו או הובאו. ה 'לְהַמתִין' מילת מפתח מוחלת גם מאחוריה כדי להמתין להשלמת קריאת הנתונים. העבר את התוצאה במשתנה בשם 'jsonFormat' .
- לאחר מכן, ה 'jsonFormat' מועבר בתוך השיטה ששמה 'Object.entries()' כדי ליצור מערך מקונן עבור הנתונים שסופקו. לאחר מכן זה מועבר בתוך 'מַפָּה()' בנאי כדי להמיר את המערכים למפה ומאוחסן ב- 'מַפָּה' מופע בשם 'מפתפורמט' .
- ממשק API זה של JSON שהומר כעת למפה מוצג במסוף על ידי הצגת ה- 'מפתפורמט' משתנה בתוך 'console.log()' שיטה.
- כדי לתפוס כל שגיאה שנגרמה במהלך כל התהליך, השתמש ב- 'לתפוס' לחסום ולהעביר בו פרמטר דמה המכיל שגיאות שהתרחשו וכדי לטפל בו מציג הודעת דמה.
הפלט לאחר השלמת הקוד לעיל מוצג להלן:
הפלט מראה שהנתונים בפורמט JSON אוחזרו מהממשק ה-API שסופק ואז הנתונים האלה מומרים למפה.
למדת על התהליך להמרת JSON למפה ומפה ל-JSON ב-JavaScript.
סיכום
כדי להמיר נתוני JSON למפה, שיטות כמו 'JSON.parse()' ו 'Object.entries()' משומשים. הראשון מנתח את נתוני ה-JSON, והשני יוצר מערך מקונן של נתונים ממנותחים. במקרה של המרת נתוני מפה לפורמט JSON, ה 'Object.fromEntries()' ו 'JSON.stringify()' נעשה שימוש בשיטות שימירו נתונים למערך מקונן וימירו אותם לפורמט JSON בהתאמה. בלוג זה הסביר את ההליך להמרת JSON למפה וממנה ב-JavaScript.