JS数组对象:去重

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        // 数组对象去重,参数:
        // 1.需要去重数组;2.根据数组对象里的某个字段去重
        function handleUnique(dataList, compareKey) {
            // 存放去重过后的数据
          let arr = []
          let obj = {}
          // 去除data,里面compareKey相同的对象
          for (let i = 0; i < dataList.length; i++) {
                if (!obj[dataList[i][compareKey]]) {
                     arr.push(dataList[i])
                     obj[dataList[i][compareKey]] = true
                }
          }
            return arr
        }
        
        let arr = [
            {
                id: '5',
                title: '5'
            },
            {
                id: '5',
                title: '55'
            },
            {
                id: '1',
                title: '1'
            },
            {
                id: '2',
                title: '2'
            },
            {
                id: '1',
                title: '11111'
            },
            {
                id: '2',
                title: '22'
            },
            {
                id: '2',
                title: '222'
            },
            {
                id: '3',
                title: '3'
            },
            {
                id: '4',
                title: '4'
            }
        ]
        console.log(handleUnique(arr, 'id'))
        
        var arr2 = [
          {name:'zopp',age:0},
          {name:'gpp',age:18},
          {name:'null',age:null},
          {name:'yjj',age:8},
          {name:'yjj',age:'3'},
          {name:'yjj',age:'-3'},
          {name:'yjj',age:-5}
        ];
        // 数组对象排序,参数:需要排序的字段(数字类型)
        function handleCompare(property){
          return (a, b) => {
            const value1 = Number(a[property])
            const value2 = Number(b[property])
            return value1 - value2
          }
        }
        console.log(arr2.sort(handleCompare('age')))
    </script>
</html>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容