JavaScript如何移除数组外层方括号以适配REST API POST请求

核心认知偏差 #

你所定义的“期望数据结构”本身完全不符合 JavaScript / JSON 的语法规范，根本不是合法的可提交数据，这是你运行代码时报错、逻辑不符合预期的核心原因。
语法规则明确要求：单个变量、单个请求体只能承载一个独立的合法值，多个并列的裸对象如果没有外层包裹，既不能合法赋值给单个变量，也无法被序列化为可跨端传输的格式，后端接收到这类内容也完全无法正常解析。
你写的两个裸对象直接并列的写法，在JS引擎里会被识别为逗号运算符连接的两个独立表达式，根本无法作为POST请求的有效请求体使用。

现有代码的逻辑问题 #

你写的循环转换代码从逻辑上就无法达成目标：

• 每次循环执行braces = {_id, barcode}时，都是直接整体覆盖braces变量的原有值，两轮循环走完后，变量内只会留存最后一次遍历到的对象内容，自然拿不到全部数据。
• 代码的设计目标本身就指向了一个不存在的非法结构，自然没法得到正确结果。

符合REST API规范的正确实现 #

实际对接接口时，只需要根据后端约定的入参格式做轻量调整即可，常见的适配场景有三类：

• 场景1：后端要求请求体直接接收数组类型的集合数据
  这种场景下你最开始定义的原data数组本身就是完全合法的，根本不需要移除外层方括号，直接作为请求体提交即可。
  示例提交代码：

  // 直接复用原数组结构，无需额外修改
  const postData = data
  fetch('/api/your-endpoint', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify(postData)
  })
  

• 场景2：后端要求请求体是单个普通对象，集合数据作为对象的某个属性值传入
  这种场景下只需要把原数组作为对象属性的值嵌入即可，完全规避裸对象并列的非法结构。
  示例结构：

  // goods_items 替换为和后端约定好的对应属性名
  const postData = {
    goods_items: data
  }
  

• 场景3：后端要求FormData格式的多表单项提交
  这种场景下也不需要构造非法结构，只需要把数组逐项拆解为独立表单项即可：

  const formData = new FormData()
  data.forEach((item, index) => {
    formData.append(`barcode_${index}`, item.barcode)
    formData.append(`_id_${index}`, item._id)
  })
  

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