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

项目场景:

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

在项目中,有时候会需要将数组对象的排列顺序按照自己想要的顺序排列,这个时候如果后端忙,那么前端直接可以用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
    }
  }
相关推荐
泡泡鱼(敲代码中)4 小时前
MySQL 学习笔记:DCL、函数与约束 —— 安全、效率、完整性的三板斧
开发语言·笔记·sql·学习·mysql·gitee
政企项目老覃4 小时前
边缘 AI 推理部署:安防零售场景下的模型裁剪与端侧落地实践
人工智能·程序人生·算法·性能优化·vllm
莫陌尛.5 小时前
etcd与Nacos功能及场景对比文档
java
麻瓜code5 小时前
【JUC】并发容器:从线程不安全到阻塞队列
java
Tairitsu_H5 小时前
[C++] 拷贝构造还是赋值重载?类默认成员函数细节详解
开发语言·c++·类和对象
goodlook01235 小时前
opencode调用本地模型一(1.18.30版本安装)
开发语言
许彰午5 小时前
50-18个表单控件
java·低代码·架构
白宇横流学长6 小时前
基于springboot的个人博客系统的设计与实现【源码+文档】
java·spring boot
菜鸟~noob2336 小时前
【电子战】第14篇:TOA 定位——圆交汇与到达时间【含matlab代码】
开发语言·matlab
GreenTea6 小时前
发布 3 天登顶 HN:不生成一个字的模型 Jev,我把它的源码和黑料都扒了一遍
前端·后端·算法