JS 根据某个字段进行排序或分组;JS 将数组分为 n 个一组

news/2025/3/14 17:49:49/

JS 数组中根据某个字段进行排序

const arr = [
  { name: "崔喻琪", age: 32 },
  { name: " 王忱景", age: 18 },
  { name: " 房真睿", age: 27 },
  { name: "姬泉孝", age: 20 },
  { name: "余嘉芳", age: 16 },
  { name: "孙平卉", age: 23 },
];
console.log(this.abilitySort(arr, "age", true));

/** 根据传入的字段进行排序* @param arr 需要排序的数组* @param property 排序的字段* @param desc true.升序 false.降序* @returns {*} 排好序后的数组*/
abilitySort(arr, property, desc) {return arr.sort(function (a, b) {const val1 = a[property];const val2 = b[property];if (desc) {return val1 - val2; // 升序排列} else {return val2 - val1; // 降序排列}});
},

JS 数组中根据某个字段进行分组

const arr = [
  { id: "1001", name: "崔喻琪", age: 32 },
  { id: "1001", name: " 王忱景", age: 18 },
  { id: "1001", name: " 房真睿", age: 27 },
  { id: "1002", name: "姬泉孝", age: 20 },
  { id: "1002", name: "余嘉芳", age: 16 },
  { id: "1003", name: "孙平卉", age: 23 },
];
console.log(this.abilitySort(arr, "id"));

/** 根据传入的字段进行分组* @param arr 需要分组的数组* @param property 分组的字段* @returns {*[]} 已分好组的数组*/
abilitySort(arr, property) {let map = {};for (let i = 0; i < arr.length; i++) {const ai = arr[i];if (!map[ai[property]]) map[ai[property]] = [ai];else map[ai[property]].push(ai);}let res = [];Object.keys(map).forEach((key) => {res.push({ [property]: key, data: map[key] });});return res;
},

JS 将数组分为 n 个一组

const list = [
  { id: 1, name: '宰父谷枫' },
  { id: 2, name: '买孟' },
  { id: 3, name: '疏学林' },
  { id: 4, name: '次如风' },
  { id: 5, name: '巧紫雪' }
];
console.log(this.datumGroup(list, 3));

/** 将数组分为 n 个一组* @param data 需要操作的数组数据* @param n 多少个为一组(默认4个为一组)* @returns {*[]} 已分好组的数组*/
datumGroup(data, n = 4) {let newArr = [];for (let i = 0, j = data.length; i < j; i += n) {newArr.push(data.slice(i, i + n));}return newArr;
},

http://www.ppmy.cn/news/813792.html

相关文章

毕业设计-基于Android的高校食堂实时点餐信息与配送系统的设计与实现

一、选题背景和意义&#xff1a; 人们不再满足于最基本的衣食住行&#xff0c;而是追求更好、更优、更快捷的生活方式。“民以食为天”&#xff0c;餐饮业具有巨大的投资市场&#xff0c;是中国的黄金产业。随着互联网的普及以及手机智能化的发展&#xff0c;越来越多的人开始逐…

宝地矿业上交所上市:年营收7.6亿募资8.8亿 市值50亿

雷递网 雷建平 3月10日 新疆宝地矿业股份有限公司&#xff08;简称&#xff1a;“宝地矿业”&#xff0c;股票代码为&#xff1a;“601121”&#xff09;今日在上交所主板上市。 宝地矿业此次发行价为4.38元&#xff0c;发行20,000万股&#xff0c;募资总额为8.76亿元。 宝地矿…

微信小程序志愿者服务的设计与实现

​​​​​​​源码获取&#xff1a;https://www.bilibili.com/video/BV13m4y1c7NW/ 技术要求&#xff1a; &#xff08;1&#xff09;微信小程序开发工具开发&#xff1b; &#xff08;2&#xff09;后端&#xff1a;ssm mysql bootstrap&#xff1b; &#xff08;3&…

经济扩张、文化渗透与现代会计制度演化研究

研究问题及研究意义&#xff08;1000-2000字&#xff09; 会计惯例和会计准则决定了人类的经济行为&#xff0c;并成为指导经济行为的框架&#xff08;***&#xff0c;2021&#xff09;。会计制度的建立也应是基于人类经济行为合作共赢、可持续的需求之上。在经济学的演化本体…

书城项目_第四阶段_图书模块

MVC 概念 1、MVC 全称&#xff1a;Model 模型、 View 视图、 Controller 控制器。 2、MVC 最早出现在 JavaEE 三层中的 Web 层&#xff0c;它可以有效的指导 Web 层的代码如何有效分离&#xff0c;单独工作。 3、View 视图&#xff1a;只负责数据和界面的显示&#xff0c;不接受…

大学生网页作业成品——基于HTML网上书城项目的设计与实现

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目, A…

Suterusu对话Waves | 隐私, DeFi繁荣的关键

Suterusu对话Waves | 隐私, DeFi繁荣的关键 DeFi的热度只增不减&#xff0c;但热情过后&#xff0c;最终能留下来的只有刚需产品。Suterusu在隐私保护DeFi方面的定位&#xff0c;让Suter的市场从DeFi,Dapp,公链等全方位覆盖。强大的需求形成强大的共识&#xff0c;在隐私保护领…

机器人运动学笔记1——林沛群

机器人运动学笔记1——林沛群 1 导论1.1 移动1.2 转动1.3 旋转矩阵 2 旋转矩阵与转角2.1 Fixed Angles——正解2.2 Fixed Angles——逆解2.3 Euler Angles——Z-Y-X由angle推算R2.4 Euler Angles——Z-Y-Z由angle推算R和R求解angle2.5 Fixed angles和Euler angles小结2.6 Mappi…