JS 简单的数据处理

最新推荐文章于 2023-12-08 17:54:13 发布

小超努力学JS

最新推荐文章于 2023-12-08 17:54:13 发布

阅读量274

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_58535958/article/details/120048148

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用JavaScript对数据进行排序和过滤操作。通过`formattingSort`函数实现按指定属性升序排序，而`formattingFilter`函数则用于根据给定条件过滤数据。示例中展示了对'height'属性进行排序和以'age'属性过滤数据大于10的项。这些方法对于处理和展示数据非常实用。

摘要由CSDN通过智能技术生成

 例子 :
     
      1.条件1 
      formattingSort('height');  
      调用 formattingSort 传参 'height' 就以height属性值为排序属性 升序排序
      2.条件2 
       formattingFilter('age',function(item){
         return item > 10;
       });
 
       调用 formattingFilter 传参 'age' 和回调函数 
       以age属性为过滤条件 条件为 function回调函数的return公式
 
    
    */


                 //方法1
            // var str1 = Object.keys(oData);
            // console.log(str1); //获得每一组的人名

        // for (i = 0; i < str1.length; i++) {
        //     arr.push(oData[str1[i]]);
        //     arr[i]["name"] = str1[i];
        // }
        // console.log(arr); //获得每一组的数据并拼接
        // 方法2
        function fn(data) {
            var str1 = Object.keys(data);
            return str1.map(function(item) {
                return Object.assign({
                    name: item
                }, data[item]);
            })
        }
        var arr = fn(oData);
        console.log(fn(oData));





        //利用高度进行排序

        function formattingSort(arr, param) {
            arr.sort(function(a, b) {
                var ax = parseFloat(a[param]);
                var bx = parseFloat(b[param]);
                var ax = ax || 0; //将出现的NaN转化为 0
                var bx = bx || 0;
                return ax - bx;
            });
        };
        formattingSort(arr, 'height');
        console.log(arr); //身高进行排序

        //用age进行筛选
        var arr1;

        function formattingFilter(arr, key, callback) {
            return arr.filter(function(curr, idx, arr) {
                return callback(curr[key]);
            })
        }
        console.log(formattingFilter(arr, 'age', function(item) {
            return item > 10;
        }));