vue2 js 循环往数组里插入对象 成为一个数组对象 对象的key分别为companyName和signName
时间: 2024-09-06 10:02:21 浏览: 46
在 Vue.js 中,如果你想要循环往一个数组中插入对象,并且每个对象有两个属性 `companyName` 和 `signName`,你可以这样做:
```javascript
// 假设你有一个初始的数据数组
let initialArray = [];
// 定义新对象的构造函数或配置对象
const newObj = {
companyName: '',
signName: ''
};
// 使用map或for循环遍历某个数据源(这里假设是个数组source)
const source = ['CompanyA', 'SignerA', 'CompanyB', 'SignerB'];
// 使用map,添加新的对象到initialArray
initialArray = source.map((item, index) => ({
companyName: item,
signName: // 如果需要初始化签名人,可以提供默认值或者从其他地方获取
}));
// 或者使用 for 循环
for (let i = 0; i < source.length; i++) {
initialArray.push({
companyName: source[i],
signName: '', // 同样设置初始值
});
}
// 现在initialArray应该是一个包含 company 和 sign name 的对象组成的数组
console.log(initialArray);
相关问题
vue2 js 循环往数组里插入对象 成为一个数组对象 对象的key为companyName和signName
在 Vue.js 中,如果你想要循环往一个数组中插入对象,并设置每个对象的键分别为 "companyName" 和 "signName",你可以这样做:
首先,假设你有一个初始的空数组 `data`,然后你需要一个包含 company 名称和 sign 名称的对象数组作为数据源,例如:
```javascript
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` 来遍历并生成新数组:
```html
<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>
```
vue2 js 循环往数组里插入对象 对象字段为companyName和signName
在Vue 2.js中,如果你想要循环往数组中插入对象,并且每个对象包含`companyName`和`signName`两个字段,你可以这样做:
```javascript
// 假设你有一个初始的数组
let arr = [];
// 定义你想要插入的对象结构,这里假设它是一个函数,用于动态生成新的对象
function createObject(companyName, signName) {
return { companyName, signName };
}
// 遍历某个数据源,比如一个数据数组或计算属性
for (let i = 0; i < yourDataSource.length; i++) {
// 按照需要插入新对象
arr.push(createObject(yourDataSource[i].companyName, yourDataSource[i].signName));
}
// 现在arr数组中就包含了所有根据yourDataSource生成的对象
console.log(arr);
```
在这个例子中,你需要替换`yourDataSource`为你实际的数据源,它应该是一个包含`companyName`和`signName`键的数组。
阅读全文