javaScript数组分组函数(自定义),过滤函数(系统自带),遍历索引下标不为数值的数组

 

 

 

 

 

 

//测试数据

let arrayData = [{name:'余幼萱',sex:'女',age:22},{name:'龚婉婷',sex:'女',age:18},{name:'孔初南',sex:'女',age:20},{name:'唐立群',sex:'男',age:20},{name:'王伟志',sex:'男',age:20},{name:'方元良',sex:'男',age:22}];

 

//1、javaScript数组分组函数

function groupFun(arrayData) {

      const groupBy = (array, f) => {

        let groups = {};

        array.forEach((o) => {

          let group = JSON.stringify(f(o));

          groups[group] = groups[group] || [];

          groups[group].push(o);

        });

        return groups;

        // return Object.keys(groups).map((group) => {

        //   return groups[group];

        // });

      };

      const sorted = groupBy(arrayData, (item) => {

        //返回需要分组的列 按性别和年龄分组

        return item.sex+'_'+item.age;

      });

      return sorted;

 };

//使用分组函数并获取结果

let result1 = groupFun(arrayData);

//2、javaScript过滤数组

let result2 = arrayData.filter((item) => item.name == 'helloWord');

//3遍历索引/下标不为数值的数组/map集合

let arrayData2 = ['孙梓柔':{sex:'女',age:11},'邹若蕊':{sex:'女',age:22},'蒋心悦':{sex:'女',age:33}];

for (var name in arrayData2) {

    //get姓名

    let name = name;

    let propData = arrayData2[name];

    //get性别

    let sex = propData.sex;

    //get年龄

    let age = propData.age;

};

//4遍历map集合

//4.1 适用 下标/索引是中文的集合

for(var o in arrayData) {

    console.log('%c' + arrayData[o], 'color:red')

};

//4.2 不适用 下标/索引是中文的集合

arrayData.forEach(function (value, key, map) {

    console.log(value)

});

//4.3 不适用 下标/索引是中文的集合

for (var [key, value] of m) {

  console.log(key + ' = ' + value);

};