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

项目场景:

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

在项目中,有时候会需要将数组对象的排列顺序按照自己想要的顺序排列,这个时候如果后端忙,那么前端直接可以用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
    }
  }
相关推荐
captain37615 小时前
Maven
java·后端·idea
Keven_1115 小时前
BUG:UVA116
算法·bug·图论
Henry-SAP15 小时前
Beam大模型开源引爆AI热潮
算法
liangshanbo121515 小时前
主系统登录后,子系统怎么实现自动登录?
java·网络·数据库
大草原的小灰灰15 小时前
Python面向对象编程
开发语言·python
知识分享小能手15 小时前
C学习教程,从入门到精通,C语言概述 —— 知识点详解(1)
c语言·开发语言·学习
垆边人似月.15 小时前
日志时间窗口内的最大并发请求数(100分 / 滑动窗口 + 排序)
数据结构·c++·算法
ShineWinsu15 小时前
对于Redis:缓存的解析
java·redis·缓存·缓存穿透·缓存击穿·缓存雪崩·缓存预热
Nil20815 小时前
leetcode 70爬楼梯
算法·leetcode·动态规划
rannn_11116 小时前
【Java面试题】高频面试题1|Java 后端、MySQL、Redis 与 RAG 面试整理
java·jvm·数据库·后端·面试