[ { "name": "固始农商行", "c5": 1768, "wcl": "59.39%" }, { "name": "淮滨农商行", "c5": 1174, "wcl": "56.96%" }, {, "name": "商城农联社", "c5": 1012, "wcl": "62.47%" } ] 请用vue框架js语言,将以上数据处理为如下形式,其中name的值赋予header,wcl的值赋予data { header:["固始农商行","淮滨农商行","商城农联社"], data:["59.39%","56.96%","62.47%"], index: false, align: ['center'], oddRowBGC: 'rgba(9, 37, 50, 0.4)', evenRowBGC: 'rgba(10, 32, 50, 0.3)' }
时间: 2023-07-21 15:01:27 浏览: 71
在Vue框架中使用JavaScript语言,可以通过以下代码将给定的数据处理为所需的形式:
```javascript
let rawData = [
{
"name": "固始农商行",
"c5": 1768,
"wcl": "59.39%"
},
{
"name": "淮滨农商行",
"c5": 1174,
"wcl": "56.96%"
},
{
"name": "商城农联社",
"c5": 1012,
"wcl": "62.47%"
}
];
let header = [];
let data = [];
rawData.forEach(item => {
header.push(item.name);
data.push(item.wcl);
});
let processedData = {
header: header,
data: data,
index: false,
align: ['center'],
oddRowBGC: 'rgba(9, 37, 50, 0.4)',
evenRowBGC: 'rgba(10, 32, 50, 0.3)'
};
console.log(processedData);
```
在上述代码中,首先定义了`rawData`作为原始数据。然后通过遍历原始数据,将`name`属性的值添加到`header`数组中,将`wcl`属性的值添加到`data`数组中。最后,将处理得到的数据存储在`processedData`对象中,并输出到控制台。
需要注意的是,上述代码只是一个示例,你可以根据自己的实际需求进行适当的修改和调整。
阅读全文