פוסט זה מדגים את שיטת האחסון 'key()' ב-JavaScript.
מה עושה Storage key() Method ב-JavaScript?
ה ' מַפְתֵחַ() שיטת ” משויכת לאובייקט Storage המאחזר את שם המפתח המוצב באינדקס שצוין. אובייקט ה'אחסון' עשוי להיות ' מְקוֹמִי ' או ה ' מוֹשָׁב 'אחסון. זה מאפשר למשתמשים לגשת גם למפתחות האחסון המקומיים וגם למפתחות האחסון.
תחביר (עבור אחסון מקומי)
אחסון מקומי. מַפְתֵחַ ( אינדקס ) ;
התחביר לעיל מקבל פרמטר אחד ' אינדקס ' שמחזיר את שם המפתח באינדקס נתון.
תחביר (עבור אחסון הפעלה)
sessionStorage. מַפְתֵחַ ( אינדקס ) ;
התחביר לעיל תומך גם בפרמטר 'אינדקס' זהה ל-'localStorage'.
שני התחבירים שהוגדרו לעיל מחזירים את שם המפתח של אובייקט האחסון כמחרוזת. בואו ליישם את שניהם אחד אחד.
דוגמה 1: החלת שיטת האחסון 'key()' כדי לאחזר את שם מפתח האחסון המקומי שצוין
דוגמה זו מסבירה את היישום המעשי של שיטת האחסון 'key()' כדי לקבל את שם מפתח אחסון האינדקס המקומי שצוין.
קוד HTML
ראשית, עיין בקוד ה-HTML הנתון:
< h2 > מפתח אחסון ( ) שיטה ב-JavaScript h2 >< כפתור בלחיצה = 'myFunc()' > קבל את מפתח האחסון המקומי שצוין לַחְצָן >
< p id = 'הַדגָמָה' > ע >
בקטע הקוד שלמעלה:
- ראשית, ציין כותרת משנה באמצעות ' 'תג.
- לאחר מכן, הוסף כפתור בעזרת ' <כפתור> ' תג הכולל ' בלחיצה ' אירוע לביצוע הפונקציה ' myFunc() ' על הכפתור לחץ.
- לבסוף, צור פסקה ריקה באמצעות ' ' תג שניתן לגשת אליו בקלות דרך המזהה שהוקצה לו 'הדגמה'.
קוד JavaScript
לאחר מכן, המשך עם הקוד שצוין להלן:
< תַסרִיט >אחסון מקומי. setItem ( 'אתר אינטרנט' , 'לינוקס' ) ;
אחסון מקומי. setItem ( 'הדרכה ראשונה' , 'HTML' ) ;
אחסון מקומי. setItem ( 'הדרכה שנייה' , 'JavaScript' ) ;
פונקציה myFunc ( ) {
יש x = אחסון מקומי. מַפְתֵחַ ( 1 ) ;
מסמך. getElementById ( 'הַדגָמָה' ) . innerHTML = איקס ;
}
תַסרִיט >
בגוש הקוד שלמעלה:
- ה ' אחסון מקומי הנכס משויך ל- setItem() ' שיטה כדי להגדיר את פריטי האחסון המקומיים שצוינו.
- לאחר מכן, הפונקציה בשם ' myFunc() ' מוגדר.
- בהגדרתו, ה' מַפְתֵחַ() שיטת ' משויכת ל' אחסון מקומי ' מאפיין כדי לקבל את שם המפתח של האינדקס הראשון.
- לאחר מכן, ה' document.getElementById() שיטת ' מוחלת כדי לגשת לפסקה הריקה באמצעות המזהה שלה 'הדגמה' כדי לצרף אותה עם מפתח פריט האחסון המקומי 'שם'.
תְפוּקָה
כפי שניתן לראות, הפלט מציג את שם מפתח פריט האחסון המקומי .e. 'הדרכה שנייה' באינדקס הראשון על ידי ביצוע הסדר האלפביתי בלחיצת הכפתור.
דוגמה 2: החלת שיטת האחסון 'key()' כדי לקבל את שם מפתח אחסון ההפעלה שצוין
בדוגמה זו, השיטה Storage 'key()' מחזירה את שם מפתח אחסון הפגישה עם אינדקס מסוים.
קוד HTML
ראשית, עבור על קוד ה-HTML הבא:
< h2 > מפתח אחסון ( ) שיטה ב-JavaScript h2 >< כפתור בלחיצה = 'myFunc()' > קבל את מפתח אחסון הפעלות שצוין לַחְצָן >
< p id = 'הַדגָמָה' > ע >
הקוד לעיל זהה לדוגמא 1 אך עם כמה עדכונים בתוכן ה-HTML.
קוד JavaScript
לאחר מכן, עברו לקוד הבא:
< תַסרִיט >sessionStorage. setItem ( 'אתר אינטרנט' , 'לינוקס' ) ;
sessionStorage. setItem ( 'ראשון' , 'HTML' ) ;
sessionStorage. setItem ( 'שְׁנִיָה' , 'JavaScript' ) ;
פונקציה myFunc ( ) {
יש x = sessionStorage. מַפְתֵחַ ( 2 ) ;
מסמך. getElementById ( 'הַדגָמָה' ) . innerHTML = איקס ;
}
תַסרִיט >
כאן, פריטי האחסון של הפגישה נוצרים באמצעות ' sessionStorage ' נכס ולאחר מכן ' מַפְתֵחַ() שיטת ” מוחלת כדי לקבל את שם מפתח האחסון של הפעלת אינדקס שצוין של האינדקס השני.
תְפוּקָה
בתוצאה זו, שיטת 'key()' הציגה את שם המפתח של פריט אחסון הפגישה המאוחסן באינדקס השני. תהליך החיפוש עבור שם מפתח האחסון עוקב אחר הסדר האלפביתי שמתחיל את החיפוש מה' 0 ' אינדקס.
סיכום
JavaScript מספק את האחסון ' מַפְתֵחַ() ' השיטה כדי לקבל את שם המפתח עם האינדקס המסוים של ' מְקוֹמִי ' וה ' מוֹשָׁב ' חפצי אחסון. הוא מחפש את שם המפתח שצוין באחסון ולאחר מכן מציג את שמו ב-DOM (Document Object Model). זה דורש רק את הפרמטר 'אינדקס' כדי לבצע משימה זו. פוסט זה המחיש בפירוט את פעולתה של שיטת JavaScript Storage 'key()'.