Node.js中用BodyParser将引号包裹的数组转为纯数组对象

核心方法：用JSON.parse()解析字符串 #

后端收到的是JSON格式的字符串，直接调用JSON.parse()就能把它转换成可正常操作的JavaScript数组，之后就可以像普通数组一样遍历、访问元素。

基础使用示例

假设后端接收到的字符串存在变量receivedStr中：

// 后端接收到的JSON字符串
const receivedStr = '[{"sample1": "this", "apple2": "eat"},{"sample2": "thisIs2", "apple3": "eatFruits"}]';

// 转换为数组
const dataArr = JSON.parse(receivedStr);

// 遍历数组处理内容
dataArr.forEach(item => {
  console.log('第一个对象属性:', item.sample1, item.apple2);
  console.log('第二个对象属性:', item.sample2, item.apple3);
});

处理解析异常 #

如果前端传的字符串格式不合法（比如引号缺失、语法错误），JSON.parse()会抛出错误，建议用try-catch包裹，避免程序崩溃：

let dataArr = [];
// 假设从Express请求体中获取目标字符串
const receivedStr = req.body.yourArrayField;

try {
  dataArr = JSON.parse(receivedStr);
  // 用for...of遍历数组
  for (const item of dataArr) {
    console.log('当前对象内容:', item);
  }
} catch (error) {
  console.error('JSON解析失败:', error.message);
  // 向前端返回格式错误的响应
  res.status(400).send('传入的数据格式不合法');
}

更高效的前后端配合方案 #

如果前端用Axios、Fetch等工具发请求，直接传递数组对象，后端通过中间件自动解析JSON请求体，就不用手动处理字符串转换：

1. 后端配置（Express框架）：

   const express = require('express');
   const app = express();
   
   // 启用JSON解析中间件，自动把请求体的JSON转为JS对象/数组
   app.use(express.json());
   
   app.post('/api/handle-array', (req, res) => {
     // req.body直接就是前端传过来的数组
     const dataArr = req.body;
     dataArr.forEach(item => {
       console.log(item);
     });
     res.send('数组处理完成');
   });
   
   app.listen(3000, () => console.log('服务已启动'));
   

2. 前端发送请求（Axios示例）：

   const dataArr = [{"sample1": "this", "apple2": "eat"},{"sample2": "thisIs2", "apple3": "eatFruits"}];
   axios.post('/api/handle-array', dataArr);
   

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