根据字符串,对数据进行排序

2023-11-15

        //后端返回数据
        const data = [
          { mc: "苹果", num: 6 },
          { mc: "香蕉", num: 31 },
          { mc: "樱桃", num: 1 },
          { mc: "橘子", num: 22 },
          { mc: "橙子", num: 2 }
        ];

        // 排序
        const sortOrder = ["橙子", "樱桃", "苹果", "香蕉", "橘子"];
        data.sort((a, b) => sortOrder.indexOf(a.mc) - sortOrder.indexOf(b.mc));

        console.log(data);
        // 输出结果
        [
          { mc: "橙子", num: 2 },
          { mc: "樱桃", num: 1 },
          { mc: "苹果", num: 6 },
          { mc: "香蕉", num: 31 },
          { mc: "橘子", num: 22 }
        ];

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

根据字符串,对数据进行排序 的相关文章

  • 如果字符串不匹配,.split() 返回什么?

    在此 JavaScript 代码中 如果变量data没有那个角色 那么 split 会返回什么呢 x data split 它会是原始字符串的数组吗 是的 根据ECMA262 15 5 4 14 String prototype split
  • setInterval() 如何影响性能?

    我们正在使用 Twitter Bootstrap 作为框架构建一个 Web 应用程序 但在显示 隐藏工具提示时遇到问题 除了尝试找到实际问题的解决方案之外 我还有一个关于我们同时使用的解决方法的问题 从性能角度来看 使用 setInterv
  • 我们在哪里/什么时候使用 JSON?

    你能告诉我 JSON 有什么用 在 Javascript 和 PHP 中 当我们需要 JSON 方法时 我从以下链接中阅读 但是 我没有获得有关任何项目的 JSON 实现的任何信息 http www json org js html htt
  • 动态添加jinja模板

    我有一个 jinja 模板 它是一组 div 标签内的唯一内容 div include temppage html div 当我按下按钮时 我想用其他内容替换标签之间的所有内容 我希望用另一个 jinja 模板 include realpa
  • webrtc - 获取网络摄像头的宽高比

    我正在尝试学习如何开发 webRTC 应用程序 我想知道是否可以获得相机的宽高比 我不知道它是否有帮助 但我正在使用 webrtc io 但是 if更好 我可以停止使用它 From MDN https developer mozilla o
  • 确定用户是否在shadow dom之外单击

    我正在尝试实现一个下拉菜单 您可以单击外部将其关闭 下拉列表是自定义日期输入的一部分 并且封装在输入的影子 DOM 内 我想写一些类似的东西 window addEventListener mousedown function evt if
  • 如何使用 QuerySelector 获得第二个匹配项?

    以下语句给出了该类的第一个元素titanic element document querySelector titanic 我如何检索具有相同类的第二个元素 Use document querySelectorAll https devel
  • Bootstrap shown.bs.tab 事件不起作用

    我正在使用灵活的模板 http the8guild com themes html flexy v1 7 stylesPage html 使用引导程序 并且我无法让选项卡上的 shown bs tab 事件正常工作 我已经成功让它发挥作用J
  • 如何在 Angular2 中为表单分配和验证数组

    我的模型 this profile 在 javascript 中有一个属性叫做emails 这是一个数组 email isDefault status 然后我将其定义如下 this profileForm this formBuilder
  • AngularJS:ng-show 与 display:none

    我有一个用例 我必须使用 CSS 默认隐藏 HTML 元素 如下所示 HTML div class item div CSS item display none 但是 我需要在页面加载后使用 ng show 切换元素的可见性 如下所示 di
  • 可点击的进度条

    我正在使用 Angular 并在 JavaScript 的帮助下开发了一个可点击的进度条 这是我能做到的最好的 有没有办法将滑块放置在进度条内但不干扰进度可视化 堆栈闪电战 https stackblitz com edit angular
  • Nuxt + Vuex - 如何将 Vuex 模块分解为单独的文件?

    在 Nuxt 文档中 here https nuxtjs org guide vuex store module files 它说 您可以选择将模块文件分解为单独的文件 state js actions js mutations js an
  • 有没有办法显示嵌套在 Grid 组件内的 Material-UI 抽屉?

    我正在使用 Material UI 创建一个 Web 应用程序 主页分为 3 个网格 每个网格有一个height of 500px 我想在中间网格内显示一个带有一些操作选项的抽屉 那可能吗 到目前为止 我只能在整个屏幕上显示它 这是我的主要
  • 通过ajax POST提交两次表单

    插入到mysql using php通过文件调用AJAX 前insert语句php代码执行select查询到查找重复记录并继续insert statement Issue 从ajax调用php文件时 它执行了两次并得到作为重复记录的响应 好
  • 将命令行参数传递给 emscripten 生成的应用程序

    当使用 Emscripten 编译 C 程序时 会生成一个 HTML 页面来显示程序的结果 我想知道如何将命令行参数传递给应用程序 例如 对于原始的 C 程序 它是 bfs 32 1 我能够通过向生成的 html 文件添加一行来传递命令行参
  • 使用 Lodash 循环 JavaScript 对象中的属性

    是否可以循环访问 JavaScript 对象中的属性 例如 我有一个 JavaScript 对象定义如下 myObject options property1 value 1 property2 value 2 属性将动态添加到该对象 有没
  • 如何在javascript中删除对象的一部分

    这是我的代码 var data btn click function total data push id total cell val1 val2 val3 每次用户点击btn按钮 我向数据对象添加一些值 现在我的问题是如何删除有的部分i
  • 为什么 JavaScript 默认导出不可用?

    为什么默认导出不像命名导出那样实时 lib js export let counter 0 export function incCounter counter export default counter main1 js import
  • 限制在三角形内

    我正在寻找一段通用代码 javascript 它可以与 jquery UI 一起使用来限制三角形内 div 的移动 拖动 与此类似 http stackoverflow com questions 8515900 how to constr
  • nodeJS exec 不适用于“cd”shell cmd

    var sys require sys exec require child process exec exec cd home ubuntu distro function err stdout stderr console log cd

随机推荐

  • 手把手实战react + storybook组件库

    引入 在UI组件库的开发过程中 如何方便的展示组件 测试组件 编写文档呢 storybook就提供了这样一种工具 利用它我们可以更方便地进行UI组件开发 最近一直在研究react react和storybook的碰撞会是怎么样的呢 下面将从
  • 防止内卷和被潜规则,Spring Cloud Alibaba微服务架构实战派(上下册)|35岁程序员那些事

    目录 1 写书缘由 2 本书上册核心内容 2 1 Spring Cloud Alibaba基础实战 2 1 1 主要内容 2 1 2 MyBatis Plus实现多租户架构的核心原理 2 2 分布式服务治理 基于Nacos 2 2 1 主要
  • unity资源商店出现“抱歉,此链接不再有效”怎么办

    首先 返回资源商店首页 登录自己的账号就可以了
  • 解决room重复插入数据

    我设置的是消息时间为主键 消息时间 NonNull PrimaryKey private String messageTime 插入的时候如果重复则替换 Insert onConflict OnConflictStrategy REPLAC
  • visual basic_什么是Visual Basic?

    visual basic In 2008 Microsoft stopped support for VB and declared it a Legacy software Feel free to read this article w
  • SQL server 查汉字和字符长度

    len 一个汉字 一个字符 SELECT len 喷涂黑 喷涂黑 显示为 datalength 一个汉字 两个字符 SELECT datalength 喷涂黑 喷涂黑 显示为
  • vue虚拟列表实现原理

    vue中实现一个虚拟列表 应用场景 前端的业务开发中会遇到不使用分页方式来加载长列表的需求 如在数据长度大于 1000 条情况 DOM 元素的创建和渲染需要的时间成本很高 完整渲染列表所需要的时间不可接受 同时会存在滚动时卡顿问题 解决该卡
  • iOS14 修改启动视图为全屏模式

    iOS14里面启动一个视图其会默认以非全屏模式打开 有些时候需要全屏展示 该如何修改 修改示例 let secondVC SecondViewController secondVC modalPresentationStyle fullSc
  • linux之安装Apache服务

    1 在镜像中查找web服务 2 安装web服务 3 关闭防火墙和selinux 4 启动服务 5 测试服务 6 配置文件 292行 302行 402行 7 创建文件并进入 8 配置wyg文件 9 重启服务 查看服务
  • 某站弹幕Protobuf协议逆向分析

    一杯敬明天 一杯敬过往 大家好 我是TheWeiJun 时间过得好快 转眼间春节已过 此刻大家都已经开始复工了吧 首先祝大家新年快乐 2023年一路旺旺旺 小编也是心情激动 才有了前面的开场白 直入主题 今天给大家带来某站弹幕protobu
  • tomcat漏洞之任意文件上传(CVE-2017-12615)

    目录 一 漏洞介绍 二 影响版本 三 原理分析 四 环境搭建 五 利用漏洞上传文件 四个方法 1 在文件名后面添加斜杠 来进行绕过 2 在文件名后面添加 20 来进行绕过 3 在文件名后面添加 DATA来进行绕过 4 上传哥斯特生产的jsp
  • IDEA设置控制台字体大小以及换行不换行(美观)

    一 设置控制台大小 1 左上角 File gt Settings 2 找到 Editor gt Color Scheme gt Console Font 勾选Use 就能根据自己设置字体大小了 二 控制台字体换行 1 如下是换行了 打印的结
  • KVM使用入门

    KVM虚拟化 KVM在使用的时候必须是硬件支持虚拟化的 要确保使用的宿主机或实体机支持硬件虚拟化技术 环境搭建 我在VMware里装了个centos7 把centos7当做宿主机使用 关闭selinux vi etc selinux con
  • C#中使用EditorBrowsableAttribute选择“屏蔽”程序集中的方法(实际只是隐藏,仍可以使用方法名调用,只是编辑器如VS中不再智能提示类中有这个方法)

    EditorBrowsableAttribute Class https docs microsoft com zh cn dotnet api system componentmodel editorbrowsableattribute
  • 用go实现cors中间件

    目录 一 概述 二 简单请求和预检请求 简单请求 预检请求 三 使用go的gin框架实现cors配置 1 安装 2 函数 一 概述 CORS Cross Origin Resource Sharing 是一种浏览器安全机制 用于控制在Web
  • ROS通信机制之动作(Action)服务的实践

    1 动作概述 讲完了 服务 之后 接下来就是通信的第三种机制 动作 在上节我们知道服务的应用场景是需要在有限时间内完成 而对于一些比较复杂的任务 需要耗时比较长 甚至是不确定时间的时候 就需要用到动作这种通信方式了 在原理上 动作使用 话题
  • 别不把自己当回事

    人活着要有尊严 哪怕现在的社会有多么的现实 没有尊严的人生是枯燥乏味的 连你自己都不把自己当回事 谁还会把你当回事 路是自己走的 事情是自己做的 不要别人的施舍 也会走到自己的成功 别什么事都依赖别人 别总是想从别人那里得到什么 因为别人的
  • Visio绘图中遇到的一些问题及相应解决方法(持续更新)

    1 为什么按下方向键后 选中的目标没有移动 而绘图界面却在移动 解决方法 检查键盘的SL Scroll Lock 键是否被按下 键盘上对应的指示灯是否被点亮 SL键被激活 按下方向键等同于鼠标拖动绘图区右侧或下方的滚动条 2 Visio在编
  • Lua :操作符很简单,算数、关系、逻辑和其他

    目录 1 算数运算符 2 关系运算符 3 逻辑运算符 4 其他运算符 Lua中操作符可以划分为三种 算数运算符 关系运算符 逻辑运算符和其他运算符 1 算数运算符 算数运算符 加法 减法 乘法 除法 取余 乘幂 负号 do local a
  • 根据字符串,对数据进行排序

    后端返回数据 const data mc 苹果 num 6 mc 香蕉 num 31 mc 樱桃 num 1 mc 橘子 num 22 mc 橙子 num 2 排序 const sortOrder 橙子 樱桃 苹果 香蕉 橘子 data s