在前端開發中,經常會遇到 Cookie 和 JSON 數據的操作。其中,Cookie 主要是用來保存用戶的登錄信息,而 JSON 則是常用的數據格式。在本文中,我們將學習如何使用 JavaScript 讀取 Cookie 和 JSON 數據。
首先,我們來看 Cookie 數據的讀取:
const getCookie = (name) =>{
const cookies = document.cookie.split('; ');
for (let i = 0; i< cookies.length; i++) {
const cookie = cookies[i].split('=');
if (cookie[0] === name) {
return cookie[1];
}
}
return '';
};
const token = getCookie('token');
console.log(token);
該代碼定義了一個名為getCookie
的函數,該函數的參數為 Cookie 的名稱,函數返回指定名稱的 Cookie 值。我們將原生的 Cookie 字符串使用;
和=
分割成數組,然后遍歷數組查找指定名稱的 Cookie。
接下來,我們來看如何讀取 JSON 數據:
const data = '{"name": "John", "age": 30}';
const obj = JSON.parse(data);
console.log(obj.name); // John
該代碼將一個 JSON 字符串解析成對象,并輸出其中一個屬性的值。使用JSON.parse
方法將字符串轉化為對象。