Question

数组oldData []保存6个值。（从api获取的整数值）。我要做的就是将这些值放在一个名为“ olddata”的localStorage密钥中。

我到处搜索，没有找到任何能使这项工作成功的内容。可以请人帮我提供一个简单的解决方案吗？

我现在尝试的方式：

        let oldData = [];
        oldData.push(parkingData.availableCapacity);
        console.log(oldData); // Definitely holds 6 values 
        localStorage.setItem('olddata', oldData); // Only stores the last value 
        of oldData

也尝试了几次循环，但没有成功。

Answer 1

localStorage仅存储字符串。

在检索数据时，使用JSON.stringify()将数组设置为字符串，使用JSON.parse()将相同的字符串解析回数组

 localStorage.setItem('olddata', JSON.stringify(oldData));

Answer 2

let url = 'https://datatank.stad.gent/4/mobiliteit/bezettingparkingsrealtime.json#';
let percent;
let mainDiv = document.getElementById('mainDiv');


function fetchParkingData() {
fetch(url)
.then((resp) => resp.json())
.then(function(data) {

    mainDiv.innerHTML = "";
    for(let i = 0; i < data.length; i++) {

        let parkingData = {
            name: data[i].name,
            totalCapacity: data[i].parkingStatus.totalCapacity,
            availableCapacity: data[i].parkingStatus.availableCapacity,
        }


        let oldData = [];
        oldData.push(JSON.parse(parkingData.availableCapacity));
        console.log(oldData);
        // console.log(oldData.join());
        localStorage.setItem('dataObject', JSON.stringify(oldData));
    };
})

.catch(function(error) {
    // error handling
    parkingDiv.innerHTML = 'Data could not be fetched';
});
}

Answer 3

浏览器控制台命令并在此处输出：

>let oldData = [];
undefined
>oldData.push('1st Value');
1
>oldData.push('2nd Value');
2
>oldData.push('3rd Value');
3
>console.log(oldData);
(3) ["1st Value", "2nd Value", "3rd Value"]
undefined
>localStorage.setItem('oldData', JSON.stringify(oldData));
undefined
>JSON.parse(localStorage.getItem('oldData'));
(3) ["1st Value", "2nd Value", "3rd Value"]

只是尝试将6个数组值存储到localStorage

3 个答案: