vue2 js 循环往数组里插入对象 成为一个数组对象 对象的key为companyName和signName

在 Vue.js 中，如果你想要循环往一个数组中插入对象，并设置每个对象的键分别为 "companyName" 和 "signName"，你可以这样做：

首先，假设你有一个初始的空数组 `data`，然后你需要一个包含 company 名称和 sign 名称的对象数组作为数据源，例如:

let companies = [
  { companyName: 'Company A', signName: 'John Doe' },
  { companyName: 'Company B', signName: 'Jane Smith' }
];

// 创建一个新的数组来存放结果
let arrayObjects = [];

// 使用 for 或者 Array.from() 和 map() 方法循环并创建新对象
for (let i = 0; i < companies.length; i++) {
  arrayObjects.push({
    companyName: companies[i].companyName,
    signName: companies[i].signName
  });
}

// 现在 `arrayObjects` 就是一个新的数组，其中的每个元素都是包含 'companyName' 和 'signName' 的对象

如果你是在 Vue 组件的模板中操作，可以使用 `v-for`指令配合 `this.companies` 来遍历并生成新数组：

<template>
  <div>
    <div v-for="({ companyName, signName }) in arrayObjects" :key="companyName">
      Company Name: {{ companyName }}, Sign Name: {{ signName }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      companies: [], // 从组件外部获取或者初始化
      arrayObjects: [] // 初始化为空
    };
  },
  created() {
    // 这里填充 companies 数组
    this.companies = ...; // 根据实际数据源填充
    
    // 在这里使用 companies 源数据创建 arrayObjects
    this.arrayObjects = this.companies.map(company => ({
      companyName: company.companyName,
      signName: company.signName
    }));
  }
};
</script>