将数组对象根据自定义排列

项目场景:

提示:这里简述项目相关背景:

在项目中,有时候会需要将数组对象的排列顺序按照自己想要的顺序排列,这个时候如果后端忙,那么前端直接可以用sort排序


描述

提示:这里描述项目中遇到的问题:

这是原数组对象的排序

但是现在需要小黄,小黑,小绿,小白的顺序如下图

这时候就可以使用sort排序


解决方案:

提示:这里填写该问题的具体解决方案:

javascript 复制代码
data() {
    return {
      arrObj:[
            {name:"小白",age:18},
            {name:"小黑",age:20},
            {name:"小黄",age:22},
            {name:"小绿",age:24}
        ],
        reslutArr:[],
    }
  },


methods: {
    pxhs(){
        //想要的顺序
        const resArr=["小黄","小黑","小绿","小白"]
        //使用 sort 方法
        this.arrObj.sort((a,b)=>{
            const indexA=resArr.indexOf(a.name)
            const indexB=resArr.indexOf(b.name)
            return indexA-indexB
        })
        this.reslutArr = this.arrObj
    }
  }
相关推荐
砚底藏山河29 分钟前
【量化纯GET实战 #04】批量快照:一次 HTTP GET 取多只股票
java·python·金融·eclipse
君顾131 分钟前
家校托管互通:从需求分析到系统架构的落地实践
java·开发语言·托管
inquisiter34 分钟前
损失函数在标量和矩阵上的求导对比
线性代数·算法·矩阵
QQ_216962909637 分钟前
【源码编号:project93375】SpringBoot汽车维修管理信息系统:客户车辆、维修预约、工单派发、配件结算全流程实战
java·spring boot·后端·汽车·springboot·需求分析
jimy11 小时前
c++隐式移动构造、强制拷贝省略、返回具名局部变量
开发语言·c++
xcl09251 小时前
流浪宠物领养管理系统开发实战:从需求分析到落地的完整指南
java·spring boot·需求分析·宠物
离凌寒1 小时前
一、关于st上制作外部烧录算法时软件识别不到算法文件的问题总结
算法
v_for_van1 小时前
C语言__attribute__
服务器·c语言·开发语言·mcu·嵌入式·嵌入式实时数据库