sessionStorage.key()
通過此方法可以返回指定索引位置資料項的鍵名。
sessionStorage 更多內容參閱 sessionStorage 用法一章節。
特別說明:不建議使用此方法,後面會介紹原因。
語法結構:
[JavaScript] 純文字檢視 複製程式碼let keyName = localStorage.key(index)
引數解析:
(1).index:資料項的索引,一個整數,從0開始計數。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> sessionStorage.setItem("name","螞蟻部落"); sessionStorage.setItem("url","www.softwhy.com"); sessionStorage.setItem("address","青島市南區"); </script> </head> <body> 在谷歌開發者工具檢視資料 </body> </html>
上述程式碼通過setItem()方法新增三個資料項。
程式碼執行效果截圖如下:
程式碼進行一下簡單分析:
(1).通過setItem()方法新增三個資料項。
(2).可以看到新增的順序和資料實際的排序並不相同。
(3).排序是根據各自瀏覽器客戶端自己的規則進行排序。
(4).由此,不推薦使用sessionStorage.key()方法獲取鍵名。
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> sessionStorage.setItem("name","螞蟻部落"); sessionStorage.setItem("url","www.softwhy.com"); sessionStorage.setItem("address","青島市南區"); console.log(sessionStorage.key(1)); </script> </head> <body> 在谷歌開發者工具檢視資料 </body> </html>
程式碼執行效果截圖如下:
上述程式碼可以列印出索引為1的資料項的鍵名,也就是第二個資料項的鍵名。
由第一段程式碼的執行效果截圖看,鍵名是"address"。