uni-app 4.31 uni.setStorageSync() 方法在鸿蒙系统上保存数组后读取变为对象

在uni-app中使用uni.setStorageSync()方法保存数组数据，在鸿蒙系统上读取时变为对象的问题，可能是由于不同平台对存储数据的解析存在差异。为了确保跨平台的一致性，我们可以考虑在保存数组数据前将其转换为JSON字符串，读取时再将其解析回数组。以下是一个示例代码，展示如何安全地在uni-app中存储和读取数组数据：

保存数组数据

在保存数组数据时，使用JSON.stringify()方法将数组转换为JSON字符串，然后使用uni.setStorageSync()保存。

// 假设我们有一个数组
const myArray = [1, 2, 3, {a: 4, b: 5}];

// 将数组转换为JSON字符串
const arrayString = JSON.stringify(myArray);

// 使用uni.setStorageSync保存数据
uni.setStorageSync('myArrayKey', arrayString);

读取数组数据

在读取数组数据时，使用uni.getStorageSync()获取存储的JSON字符串，然后使用JSON.parse()方法将其解析回数组。

// 使用uni.getStorageSync读取数据
const storedString = uni.getStorageSync('myArrayKey');

if (storedString) {
    // 将JSON字符串解析为数组
    const retrievedArray = JSON.parse(storedString);

    // 现在retrievedArray是一个数组，可以安全使用
    console.log(retrievedArray); // 输出: [1, 2, 3, {a: 4, b: 5}]
} else {
    console.error('未找到存储的数据');
}

完整示例

以下是一个完整的示例，展示如何在uni-app中存储和读取数组数据，确保跨平台的一致性：

// 存储数组数据
function saveArray(key, array) {
    const arrayString = JSON.stringify(array);
    uni.setStorageSync(key, arrayString);
}

// 读取数组数据
function loadArray(key) {
    const storedString = uni.getStorageSync(key);
    return storedString ? JSON.parse(storedString) : null;
}

// 示例数组
const exampleArray = [1, 2, 3, {name: 'uni-app', version: '4.31'}];

// 保存数组
saveArray('exampleKey', exampleArray);

// 读取数组
const loadedArray = loadArray('exampleKey');
if (loadedArray) {
    console.log('Loaded Array:', loadedArray);
} else {
    console.error('Failed to load array');
}

通过上述方法，我们可以确保在不同平台上存储和读取数组数据的一致性和正确性，避免在鸿蒙系统上读取数组数据时变为对象的问题。