[ { "name": "网点规划办公室", "wcl": 42 }, { "name": "运营服务部", "wcl": 59 }, { "name": "网络金融部", "wcl": 68 }, { "name": "科技部", "wcl": 68 } ] 请在vue框架中使用js语句,将以上数据根据wcl的大小排序,添加排名,并将排名数值赋予pm,生成如下数组 [ { "name": "网点规划办公室", "wcl": 42 "pm":3 }, { "name": "运营服务部", "wcl": 59 "pm":2 }, { "name": "网络金融部", "wcl": 68 "pm":1 }, { "name": "科技部", "wcl": 68 "pm":1 } ]
时间: 2023-07-24 18:14:02 浏览: 127
在Vue框架中使用JavaScript语句,可以按照wcl的大小对给定的数据进行排序,并添加排名pm。以下是实现该功能的代码:
```javascript
const data = [
{
"name": "网点规划办公室",
"wcl": 42
},
{
"name": "运营服务部",
"wcl": 59
},
{
"name": "网络金融部",
"wcl": 68
},
{
"name": "科技部",
"wcl": 68
}
];
data.sort((a, b) => b.wcl - a.wcl);
let rank = 1;
data.forEach((item, index) => {
if (index > 0 && item.wcl !== data[index - 1].wcl) {
rank++;
}
item.pm = rank;
});
console.log(data);
```
运行上述代码,将会得到符合要求的数组:
```javascript
[
{
"name": "网点规划办公室",
"wcl": 42,
"pm": 3
},
{
"name": "运营服务部",
"wcl": 59,
"pm": 2
},
{
"name": "网络金融部",
"wcl": 68,
"pm": 1
},
{
"name": "科技部",
"wcl": 68,
"pm": 1
}
]
```
注意:上述代码假设你已经将数据存储在名为`data`的变量中,并在控制台中打印出结果。你可以根据实际需求进行相应的修改和适配。
阅读全文