sessionStorage.key()

admin發表於2019-10-20

通過此方法可以返回指定索引位置資料項的鍵名。

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()方法新增三個資料項。

程式碼執行效果截圖如下：

$a:3:{s:3:\"pic\";s:43:\"portal/201910/20/174347d282ssu19j92sxpi.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}$

程式碼進行一下簡單分析：

（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>

程式碼執行效果截圖如下：

$a:3:{s:3:\"pic\";s:43:\"portal/201910/20/174410ty3kb7bb6y7b5t7p.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}$

上述程式碼可以列印出索引為1的資料項的鍵名，也就是第二個資料項的鍵名。

由第一段程式碼的執行效果截圖看，鍵名是"address"。