对象数组根据布尔值true和false进行排序——js基础积累

已于 2023-12-07 17:34:09 修改
阅读量1.7k 收藏 6
点赞数 6
分类专栏： js必会知识点 前端基础知识 javascript知识点 文章标签： javascript 开发语言 ecmascript
于 2023-12-07 10:10:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yehaocheng520/article/details/134848070
版权

对象数组根据布尔值true和false进行排序——js基础积累

应用场景：

最近在写后台管理系统的时候，遇到一个需求，就是对象数组中，某个字段是布尔值，要根据此布尔值进行排序处理。true的要放在前面，false要放在后面。

效果图如下：

在这里插入图片描述

参数如下：

[
  {
       "code": "1",
       "name": "客诉",
       "responseHours": 24,
       "defaultExecutors": [
           {
               "workOrderTypeCode": "1",
               "executorId": "ed67dac7-d167-9a9a-e865-3a0f0d4ecc49",
               "executorName": "admin",
               "jobPositionCode": "backendDevelopment",
               "jobPosition": "后端开发",
               "jobDescription": "333",
               "isMainExecutor": true,
               "creationTime": "0001-01-01T00:00:00",
               "creatorId": null,
               "id": "ba30a026-9ce5-7760-f37f-3a0f4b4ab3e6"
           }
       ],
       "id": "5c86ead8-69f6-8525-4b02-3a0f0dad5e75"
   },
   {
       "code": "2",
       "name": "悦捷",
       "responseHours": 24,
       "defaultExecutors": [
           {
               "workOrderTypeCode": "2",
               "executorId": "ed67dac7-d167-9a9a-e865-3a0f0d4ecc49",
               "executorName": "admin",
               "jobPositionCode": "frontEndDevelopment",
               "jobPosition": "前端开发",
               "jobDescription": "333",
               "isMainExecutor": true,
               "creationTime": "0001-01-01T00:00:00",
               "creatorId": null,
               "id": "03be553c-f568-b1f3-2d8f-3a0f4b4aa0f9"
           }
       ],
       "id": "5823da4d-6d90-8d21-f1cc-3a0f0db0413b"
   },
   {
       "code": "3",
       "name": "下单异常",
       "responseHours": 2,
       "defaultExecutors": [
           {
               "workOrderTypeCode": "3",
               "executorId": "0859c01b-d7a1-0830-a02c-3a0f1170134a",
               "executorName": "ceshi",
               "jobPositionCode": "frontEndDevelopment",
               "jobPosition": "前端开发",
               "jobDescription": "职责2",
               "isMainExecutor": false,
               "creationTime": "0001-01-01T00:00:00",
               "creatorId": null,
               "id": "b4c8f343-ce29-f891-8993-3a0f53f63211"
           },
           {
               "workOrderTypeCode": "3",
               "executorId": "ed67dac7-d167-9a9a-e865-3a0f0d4ecc49",
               "executorName": "admin",
               "jobPositionCode": "backendDevelopment",
               "jobPosition": "后端开发",
               "jobDescription": "职责",
               "isMainExecutor": false,
               "creationTime": "0001-01-01T00:00:00",
               "creatorId": null,
               "id": "8b67f701-9edd-d0e1-bf92-3a0f53f63211"
           }
       ],
       "id": "611446a7-b1d1-417b-6002-3a0f53f6320d"
   },
   {
       "code": "2444",
       "name": "3",
       "responseHours": 4,
       "defaultExecutors": [
           {
               "workOrderTypeCode": "2444",
               "executorId": "ed67dac7-d167-9a9a-e865-3a0f0d4ecc49",
               "executorName": "admin",
               "jobPositionCode": "backendDevelopment",
               "jobPosition": "后端开发",
               "jobDescription": "33333",
               "isMainExecutor": false,
               "creationTime": "0001-01-01T00:00:00",
               "creatorId": null,
               "id": "e4f19a49-b7e1-876e-5d75-3a0f54101520"
           },
           {
               "workOrderTypeCode": "2444",
               "executorId": "0859c01b-d7a1-0830-a02c-3a0f1170134a",
               "executorName": "ceshi",
               "jobPositionCode": "frontEndDevelopment",
               "jobPosition": "前端开发",
               "jobDescription": "44444",
               "isMainExecutor": true,
               "creationTime": "0001-01-01T00:00:00",
               "creatorId": null,
               "id": "5fbb17f5-0de6-f432-9d82-3a0f54101520"
           }
       ],
       "id": "11f111d0-db69-7e1c-f65b-3a0f54101517"
   }
]

要根据对象数组中的defaultExecutors字段中的isMainExecutor进行true和false的排序。

根据布尔值进行排序

//下面的res是接口返回的格式，items是上面的对象数组
let tableData = res.items || [];
tableData.forEach((tab) => {
  if (tab.defaultExecutors) {
    tab.defaultExecutors = tab.defaultExecutors.sort(
      (a, b) => b.isMainExecutor - a.isMainExecutor
    );
  }
});
this.tableData = [...tableData];

总结：

1.true的放前面——算降序排列

tab.defaultExecutors = tab.defaultExecutors.sort(
  (a, b) => b.isMainExecutor - a.isMainExecutor
);

2.true的放后面——算升序排列

tab.defaultExecutors = tab.defaultExecutors.sort(
  (a, b) => a.isMainExecutor - b.isMainExecutor
);

完成！！！多多积累，多多收获！！！

叶浩成520
关注
  • 6
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
javascript 对象数组根据对象object key的值排序
01-19
有个js对象数组 var ary=[{id:1,name:”b”},{id:2,name:”b”}] 需求是根据name 或者 id的值来排序,这里有个风骚的函数 函数定义: 代码如下: function keysrt(key,desc) {   return function(a,b){     return desc ? ~~(a[key] < b> b[key]);   } } 使用: 代码如下: var ary=[{id:1,name:”b”},{id:2,name:”b”}]; ary.sort(keysrt(‘name’,true));
JS实现数组简单去重及数组根据对象中的元素去重操作示例
11-27
本文实例讲述了JS实现数组简单去重及数组根据对象中的元素去重操作。分享给大家供大家参考，具体如下： js数组简单去重 var arr1 = [1, 2, 3, 4, 5, 6, 3, 4, 3]; function arrayUnique1(arr) { var result = [], hash = {}; for (var i = 0, elem; (elem = arr[i]) != null; i++) { if (!hash[elem]) { result.push(elem); hash[elem] = true; } }
JS判断两个数组或对象是否相同的方法示例
12-08
本文实例讲述了JS判断两个数组或对象是否相同的方法。分享给大家供大家参考，具体如下： JS 判断两个数组是否相同 要判断2个数组是否相同，首先要把数组进行排序，然后转换成字符串进行比较。 JSON.stringify([1,2,3].sort()) === JSON.stringify([3,2,1].sort()); //true 或者 [1,2,3].sort().toString() === [3,2,1].sort().toString(); //true 经验证，上述方法对复杂数组结构不适用。 JS 判断两个对象是否相同 这是网上某大神封装对比对象是否相同的 function
JS根据json数组多个字段排序及json数组常用操作
12-10
js 根据json数组多个字段排序的实现代码如下所示： /**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortByArr(['number'],false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序 * @param attr 排序的属性 ['name','sex'...],根据一个字段或者多个字段排序 * @param rev true表示升序排列，false降序排序 * */ function sortByArr(arr, rev) { if (rev == undefined) {
C#---第十一课：对列表的各种操作，添加、删除、排序、列表长度、获取元素的索引、FirstOrDefault()、SingleOrDefault()、last()
Alien-Hu
07-09 2539
1.添加元素 2.删除元素 （1）删除列表中指定的元素 （2）删除列表A中所有与列表B相交的元素---常规 （3）删除列表A中所有与列表B相交的元素---lambda 3.排序（正序、倒序） 4.获取列表的最大容量(长度)、已用容量 6.获取元素在列表中的位置(index) 7.判断某元素是否在列表List中 8.获取列表中第一个元素First() & FirstOrDefault() 9.获取列表中唯一元素Single() & SingleOrDefault() 10.获取列表中最后一个元素
js中的sort方法
xiaozhen0610的博客
06-30 4402
js中原生的sort()采用快排和插入排序算法，根据比较器对数组排序。 默认是将数组元素转为字符串，然后根据Unicode字符集编号的大小排序。 charCodeAt(index) 返回指定位置字符的 Unicode 编号，取值是 0 - 65535 间的整数，与 charAt() 方法执行的操作相似，后者返回的是单个字符。 如果不提供比较器而对数字组成的数组排序，因为会将数字转为字符串再按编号排序而导致错误。要获得正确的顺序，只需提供比较器函数：function(a,b){return a-b;}即可。
JavaScript对象数组根据指定布尔值属性排序
cream66的博客
04-10 3062
应用场景：显示服务列表时，优先显示付费服务； 原理： true - false //-1 true = true //0 false = false //0 false = true //1 代码实现： array = [ { name: 'service1', isFree: true }, { name: 'service2', isFree: false }, ...
理解js数组的sort函数排序
saxihuangxing的博客
09-27 502
每次用js的sort函数排序都容易犯错误，当时搞懂了一段时间就又忘了。 现在来把它搂一搂。 sort函数的用法： arr = [3,2,1]; arr.sort((a,b)=>{ ... }); 其实这个函数确实设计得有点奇怪,他让你传入一个自己的函数来确实排序算法，所以关键是自己怎么来写这个比较函数， 关于这个返回值 我很容易就想到 true/false 来表示 换不换位置。 易犯错点一： 错误把返回值写成 true/false 实际的返回值应该是数值。 易...
js中常见的几种高阶函数，sort排序函数的易错点
qq_43435403的博客
11-16 208
什么是高阶函数 接收一个函数作为参数的函数 JS中常见的几种高阶函数 map() 将数组中的每一项的值变成现在的值的2倍 let arr = [1, 2, 5, 7, 8] /* 倍数的函数 */ function getvalue(val) { return 2 * val } let newarr = arr.map(getvalue) console.log(newarr) 将数组的值变成字符串类型 let arr = [1,
js数组根据指定字段（true or false）排序
ann123_2016的博客
05-25 1414
const obj = [ {name:'1',bind:true}, {name:'2',bind:false}, {name:'3',bind:true}, {name:'4',bind:false}, {name:'8',bind:true}, {name:'9',bind:false}]obj.sort((a, b) => a.bind < b.bind)consol...
JavaScript对象数组排序函数及六个用法
11-23
该函数可以以任意深度的数组或者对象的值作为排序基数对数组或的元素进行排序。 代码如下： /** * 排序数组或者对象 * by Jinko * date -- * @param object 数组或对象 * @param subkey 需要排序的子键, 该...
C#算法、排序以及数据结构
江南、寻你的博客
11-10 985
C#算法、排序以及数据结构中的部分知识学习
C# List 的一般用法
热门推荐
Peter的博客
07-21 2万+
List泛型集合是C#编程中的经常使用的集合之一，相对数组它可以动态的添加元素而不是声明的时候就必须指定大小。相对于ArrayList集合和Hashtable集合的优势是其元素的数据类型可以确定。而不是默认的父类类型object。 List泛型集合的声明与元素添加 1.List泛型集合的声明： List<数据类型> 变量名=new list<数据类型>(); 2.List泛型集合的声明案例： //声明一个List泛型集合的变量listNew List<strin..
【C#教程5/16】：操作算子（2）
gongdiwudu的专栏
03-18 2638
C# compound assignment operators The compound assignment operators consist of two operators. They are shorthand operators. a = a + 3; a += 3; The+=compound operator is one of these shorthand operators. The above two expressions are equal. Value 3 is..
js的数组排序方法
sk_yi的博客
06-29 258
1. JavaScript的sort()方法 var array = [1,4,-8,-3,6,12,9,8]; function compare(val1,val2){ return val1-val2; }; array.sort(compare); document.write(array); sort()方法按照升序排列数组项，会调用每个数组项的toString()转型方法，然后比较得到的字符串。 toString()方法是把布尔值或BooleanObject转换为字符串，并返回结果。
js判断true和false
个人前端记录
05-24 7420
截图一张，请欣赏~
js buffer数组 更改某个值为true 或false
最新发布
06-09
在 JavaScript 中，可以使用 Buffer 类型的实例来表示二进制数据，Buffer 实例是一个固定大小的数组，每个元素的值为一个字节（8 位二进制数）。要更改 Buffer 数组中的某个值为 true 或 false，可以先将其转换为对应的二进制值，然后再将其写入到 Buffer 中。 例如，假设我们有一个长度为 4 的 Buffer 数组，我们可以使用 writeUInt8() 方法来写入对应的二进制值。示例代码如下： ```javascript const buffer = Buffer.alloc(4); // 创建一个长度为 4 的 Buffer 数组 buffer.writeUInt8(Number(true), 0); // 将第一个元素的值设置为 true buffer.writeUInt8(Number(false), 3); // 将最后一个元素的值设置为 false ``` 在上面的代码中，我们先使用 Buffer.alloc() 方法创建一个长度为 4 的 Buffer 数组，然后使用 writeUInt8() 方法来将 true 和 false 的二进制值分别写入第一个元素和最后一个元素。注意，writeUInt8() 方法的第一个参数是一个整数，需要使用 Number() 方法将 true 和 false 转换为对应的二进制值。 需要注意的是，在 Node.js 环境中，Buffer 类型已经被废弃，建议使用 TypedArray 或 DataView 类型来处理二进制数据。如果使用浏览器环境，也可以使用 ArrayBuffer 和 DataView 类型来处理二进制数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叶浩成520

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值