在javascript中排序混合服装尺寸的数组

如何解决在javascript中排序混合服装尺寸的数组

说我有一个看起来像这样的数组:

$array = ['xl','s','1','10','3','xs','m','3T','xxl','xxs','one size'];

我想对数组进行排序,如下所示:

$sortedArray = ['1','one size','xl','xxl'];

如何在javascript中对该数组排序?

我可以发现一个模式,以帮助我走上正确的轨道,但是我不知道排序功能。以数字开头的所有大小的模式都将首先按数字顺序排列(但不确定“ 3T”如何处理)。然后显示“一个尺寸”,然后根据预定义的顺序对其余的尺寸(XXS,XS,S,M,L,XL,XXL)进行排序。

解决方法

您可以定义每个大小的weights,然后根据它进行排序:

let array = ['xl','s','1','10','3','xs','m','3T','xxl','xxs','one size'];
let weights = {
  '1':1,'3':2,'3T':3,'10':4,'one size':5,'xxs':6,'xs':7,'s':8,'m':9,'xl':10,'xxl':11
};
let sortedArray = array.sort((a,b)=>weights[a]-weights[b]);
console.log(sortedArray)

对此进行考虑的另一种方法是,如果两个值都是数字,则通常进行比较,否则,则依靠weights比较:

let array = ['xl',b)=>{
     if(typeof(a)=="number" && typeof(b)=="number")
          return a-b;
     else
          return weights[a]-weights[b]
});
console.log(sortedArray)

,

使用用户定义的排序算法进行排序:我将两者都解析以与Int进行比较。比起以前,我看是否只有一个是数字。如果两者都是数字,那么我看起来是否相等。如果是这样,那么我从字符串(不是Int的一部分)中取出其余部分,然后按字母顺序比较它们。否则,我将比较两个整数。
如果上述情况都不是真的,那么我将得到具有糖果大小的ORDER数组,然后对indexOf进行排序。如果缺少任何内容,则可以轻松添加它们。

扩展:由于有时大小为xxlXXL,因此我将其转换为小写,以便按需要进行排序。

扩展2:因为2XL会以数字的开头排序,所以我做了另一个技巧:解析为整数后,我查看字符串是否在ORDER数组之外。如果是这样,我将解析的整数设置为NaN,就像在那里stnds一个字符串一样。这样,就可以对该条目进行关键字比较。

扩展3:排序0是错误的,我将其添加到开头(例如OP的提案)。

array = ['XL','2xl','0','one size'];
const ORDER = ['one size','xl','xxl'];

array.sort((a,b) => {
    a = a.toLowerCase();
    b = b.toLowerCase();
    
    let nra = parseInt(a);
    let nrb = parseInt(b);
    
    if ((ORDER.indexOf(a)!=-1)) nra = NaN;
    if ((ORDER.indexOf(b)!=-1)) nrb = NaN;
  
    if (nrb===0) return 1;
    if (nra&&!nrb || nra===0) return -1;
    if (!nra&&nrb) return 1;
    if (nra && nrb) {
        if (nra==nrb) {
            return (a.substr((''+nra).length)).localeCompare((a.substr((''+nra).length)));
        } else {
            return nra-nrb;
        }
    } else {
        return ORDER.indexOf(a) - ORDER.indexOf(b);
    }
});

console.log(array);

,

我会避免预定义的权重和顺序,只需设置 s = -1; m = 0; l = 1 并让前面的 x 成为乘数。此外,在字符串之前对数字进行排序,因为混合不同的评分系统毫无意义。

function sortArrayOfGradings(array) {
    function parseGradingOrder(grading) {
        let order;
        if (grading.includes('s'))
            order = -1;
        else if (grading.includes('m'))
            order = 0;
        else if (grading.includes('l'))
            order = 1;
        let numXes = 1 + grading.match(/x*/)[0].length
        return order * numXes;
    }
    return array.sort((a,b) => {
        if (!isNaN(a) && !isNaN(b))
              return a-b;
        if (!isNaN(a) && isNaN(b))
            return -1
        if (isNaN(a) && !isNaN(b))
            return 1
        if (isNaN(a) && isNaN(b)) {
            let aOrder = parseGradingOrder(a.toLowerCase());
            let bOrder = parseGradingOrder(b.toLowerCase());
            return aOrder-bOrder;
        }
    });
}
,

简单的答案是:你不会。

我假设您真正想做的是能够根据事物的大小对其他事物进行排序,其中事物的顺序由某些事物(到目前为止)就Java语言而言,是由列表指定的任意顺序。因此,您只需这样做:编写一个排序例程,该例程将根据项目在列表中的大小相对位置来比较它们。

或者只是看看@MajedBadawi的答案。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 <select id="xxx"> SELECT di.id, di.name, di.work_type, di.updated... <where> <if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 <property name="dynamic.classpath" value="tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams['font.sans-serif'] = ['SimHei'] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -> systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping("/hires") public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate<String
使用vite构建项目报错 C:\Users\ychen\work>npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-