如何在控制台以逗号分隔的数组格式显示对象列表？

首先要澄清一点：控制台显示的0: {id: "38730291789", text: "Available"} 1: {...}其实是数组在浏览器/Node控制台的正常展开形式，本质上和你预期的[ {id:1,...}, {...} ]是同一个数组结构，只是显示方式不同。你可以用console.log(JSON.stringify(this.requestForCreate))来打印出你想要的紧凑数组格式，方便直观查看。

接下来解决你真正的核心问题：所有推入的对象text都是"Available"，且id不符合预期的自增数字格式。

1. 为什么所有text都是"Available"？ #

你代码里用了this.text作为每个对象的text值，这说明：

• 要么this.text本身就是一个固定值"Available"，没有随着每个v的迭代而更新；
• 要么你误把全局/实例的this.text当成了v对象自身的text属性。

解决办法： #

• 如果每个对象的text应该对应v的文本内容，直接替换成v.text：

  this.requestForCreate.push({"id":v.id,"text":v.text})
  

• 如果需要生成类似"Sentence 1"这种带序号的文本，结合循环索引或id来动态生成：

  // 假设在forEach循环中，index是当前迭代的索引
  this.requestForCreate.push({
    id: this.requestForCreate.length + 1,
    text: `Sentence ${index + 1}`
  })
  

2. 为什么id是长字符串而非预期的1、2、3...？ #

你看到的"38730291789"是v.id的原始值，说明v对象的id本身就是字符串类型的长ID，不是你想要的自增数字序号。

解决办法： #

• 如果你不需要保留v.id的原始值，自己生成自增id：利用数组当前的长度+1来生成，每次push时：

  id: this.requestForCreate.length + 1
  

• 如果想把v.id转成数字类型，用parseInt()或Number()转换：

  id: parseInt(v.id) // 或者 Number(v.id)
  

完整示例代码 #

假设你有一批原始数据需要处理，以下是符合你预期的实现：

// 模拟你的原始数据源
const sourceData = [
  {id: "38730291789", text: "Sentence 1"},
  {id: "38730291790", text: "Sentence 2"},
  {id: "38730291791", text: "Sentence 3"},
  {id: "38730291792", text: "Sentence 4"}
];

this.requestForCreate = [];
sourceData.forEach((item, index) => {
  this.requestForCreate.push({
    id: index + 1, // 生成自增数字id
    text: item.text // 取原始数据的text值
  });
});

// 打印出你想要的格式
console.log(JSON.stringify(this.requestForCreate));
// 输出结果：[{"id":1,"text":"Sentence 1"},{"id":2,"text":"Sentence 2"},{"id":3,"text":"Sentence 3"},{"id":4,"text":"Sentence 4"}]

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