如何读取应用目录下JSON文件并转换为可遍历对象在应用中展示

RNFS.readFile返回的是JSON格式的原始字符串，必须先将其解析为JavaScript对象数组，才能使用map等数组方法遍历。

解决步骤 #

• 调用JSON.parse()方法，把读取到的字符串转换为对象数组
• 解析完成后即可正常执行遍历操作

修改后的代码 #

RNFS.readFile(myfilePath, 'ascii')
.then(fileData => {
  // 解析JSON字符串为对象数组
  const dataArray = JSON.parse(fileData);
  // 使用map遍历处理数据
  const processedData = dataArray.map(item => {
    // 示例：给每个对象添加新属性
    return { ...item, isProcessed: true };
  });
  console.log(processedData);
})
.catch(err => {
  console.log(err.message, err.code);
});

注意事项 #

如果JSON文件格式有误，JSON.parse()会抛出错误，建议包裹在try-catch中避免应用崩溃：

RNFS.readFile(myfilePath, 'ascii')
.then(fileData => {
  let dataArray;
  try {
    dataArray = JSON.parse(fileData);
  } catch (parseError) {
    console.log('JSON解析失败:', parseError.message);
    return;
  }
  // 安全执行遍历操作
  dataArray.forEach(item => console.log(item));
})
.catch(err => {
  console.log(err.message, err.code);
});

内容的提问来源于stack exchange，提问作者Digamber negi