zoukankan      html  css  js  c++  java
  • 按照给定数组排序原数组

    一:给定数组没有key

     // data:排序数组的依据,sortData:需要排序的数组,fieldValue:排序的数组对应依据数组的key
        function sortArr(data, sortData, fieldValue) {
            let arr = sortData.sort((a, b) => { 
                return data.indexOf(a[fieldValue]) - data.indexOf(b[fieldValue])
            })
            return arr
        }
    
        let sortData = [
            {
                name:'黄色人群',
                value:100,
            },
            {
                name:'绿色人群',
                value:10,
            },
            {
                name:'红色人群',
                value:190,
            }
        ]
        let data= ['红色人群','黄色人群','绿色人群',] 
    
        let newArr = sortArr(data, sortData,'name')
        console.log(newArr); 
        /*
        [
            {
                name:'红色人群',
                value:190,
            },
            {
                name:'黄色人群',
                value:100,
            },
            {
                name:'绿色人群',
                value:10,
            },
        ]
        */

    二:给定数组是数组对象

     function sortArr(data, sortData, fieldValue) {
            let arr = sortData.sort((a, b) => { 
                let order = data.map((e) => e[fieldValue])
                return order.indexOf(a[fieldValue]) - order.indexOf(b[fieldValue])
            })
            return arr
        }
    
        let sortData = [
            {
                name:'黄色人群',
                value:100,
            },
            {
                name:'绿色人群',
                value:10,
            },
            {
                name:'红色人群',
                value:190,
            }
        ]
        let data= [
            {name:'红色人群'},
            {name:'黄色人群'},
            {name:'绿色人群'}
    
        ] 
    
        let newArr = sortArr(data, sortData,'name')
        console.log(newArr); 
        /*
        [
            {
                name:'红色人群',
                value:190,
            },
            {
                name:'黄色人群',
                value:100,
            },
            {
                name:'绿色人群',
                value:10,
            },
        ]
        */
  • 相关阅读:
    winform 与 html 交互 简单案例
    Winform窗口弹出位置控制
    c#预处理指令
    最简单的数据绑定
    Asp.Net细节性问题精萃
    AjaxUploader使用
    Log4net对文件的支持
    Log4net对数据库的支持
    Log4net使用
    Log4net介绍
  • 原文地址:https://www.cnblogs.com/zhangjianhua26/p/15153009.html
Copyright © 2011-2022 走看看