javascript - 如何根据Vuejs中的Id对特定数组位置进行排序？

Question

这个问题在这里已经有了答案:





How to splice multiple array elements and insert accordingly?

(3 个回答)


9 天前关闭。

<div v-for="(item, index) in gr" 
:key="space.id"
class="val-name">
</div>

我已经使用 api 调用中的以下几行更改完成了该逻辑，例如
有了这个，我最终想要实现的目标我明白了。但问题是，我不能期望数组值一直相同。所以我决定根据 ID 重新排列数组值。

Answer 1

orderMap将是您想要的索引结果。array将是您的 API 响应。
map orderMap使用一个函数找到所需的索引并将其放入我们的 sorted大批。

const orderMap = ['third', 'second', 'first'];

const array = [{name: 'first'}, {name: 'second'}, {name: 'third'}];

let sorted = orderMap.map(function(sortBy){
  return this.find(function(toSort){return toSort.name === sortBy})
}, array)

console.log(sorted);

// as method -> Result is your response Data. OrderMap the map to order by. 
sortResultSet(result, orderMap) {
  return orderMap.map(function(sortBy){
    return this.find(function(toSort){return toSort.name === sortBy})
  }, result)
}