关于请求返回的数据选择框排序出错解决办法

最新推荐文章于 2024-09-26 21:39:47 发布

原创最新推荐文章于 2024-09-26 21:39:47 发布 · 315 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#排序算法 #算法

本文介绍了一种通过封装函数来解决服务器返回数据排序混乱的方法，该方法利用数组的sort()函数对字母进行排序，并通过双重遍历确保相同项被正确归类。

问题阐述：

因为服务器返回的数据排序混乱，导致请求回来的数据选框字母的排序错乱。

解决方案：

封装一个函数对数据进行处理。数组中sort（）可以对数字、字母进行排序。

export const loadSort = (arr) => {
  // 定义一个空数组
  let newArray = []
  // 遍历拿到的数组
  arr.forEach((item) => {
    console.log(item)
    // 把选项字母丢进空数组
    newArray.push(item.code)
  })
  const sortord = []
  // 使用sort()将字母进行排序
  newArray = newArray.sort()
  // 双重遍历+判断,相同的放在同一个对象内,最后返回数组
  newArray.forEach((item) => {
    arr.forEach((str) => {
      if (item === str.code) {
        sortord.push(str)
      }
    })
  })
  return sortord
}