vue前端根据数组对象中的某个值进行排序

庞胖

于 2022-10-20 17:33:56 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_43393995/article/details/127431515

vue 专栏收录该内容

33 篇文章

订阅专栏

这篇博客介绍了如何在商城的地址管理中，利用JavaScript实现用户地址的默认值设置。通过获取用户地址列表，然后根据默认标志'defaultFlag'进行排序，将默认地址置顶。示例代码展示了如何使用sort函数进行降序排列，使得默认地址出现在列表顶部。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景：商城中管理我的地址，选择其中一条地址点击设置默认值，默认地址设为置顶数据

使用sort排序：

    //获取收货人地址
    const getAddressList = () => {
      let loginInfo = localStorage.getItem("loginInfo");
      if (loginInfo !== null) {
        userInfo.value = JSON.parse(loginInfo)
      } else {
        visible.value = true
        return false
      }
      const param = {
        userId: userInfo.value.userId
      };
      getReceiverInfoList(param).then(function (res: any) {
        if (res.code == "00") {
          dataList.value = res.data

//在这里调用排序，按defaultFlag排序
          dataList.value.sort(sortBy('defaultFlag'))
        }
      });
    };




//排序
   function sortBy(arr: any) {
      return function (a: any, b: any) {
        return b[arr] - a[arr]  //这样是降序排序，a[arr]-b[arr]是升序
      }
    }