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}];
 
//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);
};
 

 

posted @ 2021-11-30 11:24  Journey&Flower  阅读(367)  评论(0)    收藏  举报