javascript将数组对象里面每个值（字段）相等的进行分组

已于 2022-09-05 17:20:19 修改
阅读量1.4k 收藏 3
点赞数 3
分类专栏： JavaScript 文章标签： javascript 前端 json js vue
于 2022-09-05 17:19:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012513962/article/details/126709127
版权

有时候，后端给我返回了一个数据对象，数组里面每个对象有着每个值(字段值)是相等，UI页面里面是需要进行分了展示的
比如下面这个页面：

在这里插入图片描述
一楼里面有这着多个房间，同理二楼里面也是有着多个房间的，而这个时候后端给我们返回的数据类型如下：

{
  "status": 10000,
  "msg": "SUCCESS",
  "data": [
    {
      "id": 1,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 101,
      "roomType": "1",
      "isRent": "1",
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": 4546.0,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": 34.00,
      "floor": 1,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": "向西",
      "hallDirection": "向东",
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": 6,
      "electricityFees": "54.0",
      "waterFees": "55.0",
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": "[{\"name\":\"购物广场\",\"checked\":true,\"disabled\":false},{\"name\":\"学校\",\"checked\":true,\"disabled\":false},{\"name\":\"医疗机构\",\"checked\":true,\"disabled\":false}]",
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 2,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 101,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 1,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 3,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 101,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 1,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 4,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 101,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 1,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 5,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 101,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 1,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 6,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 101,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 1,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 7,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 505,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 5,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 8,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 505,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 5,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 9,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 505,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 5,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 14,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 606,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 6,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 17,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 606,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 6,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 20,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 101,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 1,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 23,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 101,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 1,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    },
    {
      "id": 26,
      "houseId": "bc8134f4-9cd2-4dc8-8f88-bccbcfccd3f3",
      "userId": null,
      "roomNum": 505,
      "roomType": null,
      "isRent": null,
      "idcardName": null,
      "idcardNum": null,
      "idcardImgFront": null,
      "idcardImgBack": null,
      "idcardImgPeople": null,
      "rentType": null,
      "title": null,
      "city": null,
      "address": null,
      "thumbnailUrl": null,
      "slideUrl": null,
      "monthRent": null,
      "status": null,
      "certificateNo": null,
      "toiletNum": null,
      "kitchenNum": null,
      "livingRoomNum": null,
      "bedroomNum": null,
      "hasAirConditioner": null,
      "roomArea": null,
      "floor": 5,
      "maxFloor": null,
      "hasElevator": null,
      "buildYear": null,
      "roomDirection": null,
      "hallDirection": null,
      "lastOrderStartTime": null,
      "lastOrderEndTime": null,
      "longitudeLatitude": null,
      "contactName": null,
      "contactPhone": null,
      "roomRentalPeriod": null,
      "electricityFees": null,
      "waterFees": null,
      "chargeMethod": null,
      "roomMatching": null,
      "nearbyMatching": null,
      "roomHeadImg": null,
      "roomImg": null,
      "room360Img": null,
      "createTime": null,
      "updateTime": null,
      "content": null
    }
  ]
}

可以看到我们需要的一楼二楼数据字段是floor,但是后端并没有给我划分好数据结构，这个时候，我们就需要根据返回的一个数组对象，进行数据的层级处理；

举例；

let dataArry = [
	{id: 1, value: '值1'},
	{id: 2, value: '值2'},
	{id: 3, value: '值3'},
	{id: 1, value: '值4'},
	{id: 2, value: '值5'},
]

dataArry 是个数组对象，我们需要根据id值相同，进行分组处理

function classify(arr) {
	let map = {};
	let myArr = [];
	for (var i = 0; i < arr.length; i++) {
		if(!map[arr[i].id]){
			myArr.push({
				id:arr[i].id,
				data:[arr[i]]
			})
			map[arr[i].id] = arr[i]
		} else {
			for (var j = 0; j < myArr.length; j++) {
				if(arr[i].id === myArr[j].id){
					myArr[j].data.push(arr[i]);
					break
				}
			}
		}
	}
	return myArr
}

console.log(classify(dataArry))

结果：

在这里插入图片描述
这个时候就可以实现我们的UI展示结构了

这里关键是利用了map对象来判断，往新的一个数组myArr里面造成我们需要的结构

春风得意之时
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
数据转换：将一个数组对象里面每个具有相同的字段筛选出来组成一个新数组
ScumStudy的博客
03-12 1319
原数据： 转化为： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> let arr2 = [{ id: 0, memo: "123",
vue 对象数组中，根据相同属性的数据合并，重组新的数组对象
01-20
源数据是一个包含多个对象的数组，每个对象有两个属性：`TYPE`和`REMARK`。例如： ```javascript let data = [ {TYPE: "01", REMARK: "休假"}, {TYPE: "03", REMARK: "在班"}, {TYPE: "03", REMARK: "在班"}, {...
js数组操作——对象数组根据某个相同的字段分组
最新发布
qq_43351249的博客
11-20 219
js数组
JavaScript判断数组对象是否含有某个值的方法（6种）
热门推荐
XSL_HR的博客
03-27 3万+
JavaScript基础语法——判断数组对象是否含有某个值
js判断数组对象中的某个元素是否每个对象的这个元素都相等
qq_66390045的博客
04-23 2030
例如，假设您有一个包含多个用户对象的数组，每个用户对象都有一个名字属性。如果您的需求不是直接判断元素是否等于特定值，而是需要比较对象中某个属性的值是否全部相等，可以使用reduce方法来实现。数组是否为空，因为如果为空，如果您需要检查的属性名不是。替换为您需要检查的属性名。属性的用户对象，存储在。方法会筛选出所有拥有。方法来检查这些对象的。方法之前，需要先判断。方法将抛出一个错误。
javascript获取对象数组每个对象某个属性value相等的个数
CaseyWei
08-17 1387
实例： var arr = [ { IACCESSEQUIPID: 1 }, { IACCESSEQUIPID: 1 }, { IACCESSEQUIPID: 2 }, { IACCESSEQUIPID: 1 }, { IACCESSEQUIPID: 3 }, { IACCESSEQUIPID: 2 }, { IACCESSEQUIPID: 1 }, { IACCESSEQUIPID: 2 }, { IACCESSEQUIPID: 1 }, { IACCESSEQ
JS数组操作大全对象数组根据某个相同的字段分组
sinat_40572875的博客
11-13 710
最近在实际业务中，需要编写一个方法根据数组中每一个对象的一个相同字段，来将该字段值相等的对象重新编入一个数组，返回一个嵌套的数组对象，特地来做个总结。当然需要注意的是，在开发过程这种数组的处理函数，应当被编写到项目的公共工具函数库中全局调用。
判断数组中每个对象同一属性值是否相同
Mozifei73的博客
07-08 1781
数据处理中遇到一个问题，当数组对象中某一属性值相同则不能新增输入框，因此需要做判断： 方法一： 方法二： 方法三：
在 JavaScript 中检查 2 个数组是否相等的简单方法
liuhao9999的博客
12-05 924
第一次学习 JavaScript 时，我们都这样做了...... 如果你试过这个，那么你知道每次都会返回 false。为什么？因为数组变量是通过引用而不是按值分配的。Sois 只是一个指向内存中某处位置的指针。 虽然“b”是指向内存中不同位置的另一个指针，但它也恰好是存储。当您检查是否时，您实际上是在检查他们的成员位置，而不是他们指向的值。有没有简单的方法来检查由 and 表示的底层数组是否相等，而不必逐个元素进行比较？ 为什么会这样？ 到底
vue 根据数组中某一项的值进行排序的方法
10-18
在这个例子中，我们根据`students`数组中每个对象的`age`属性进行排序。`sortKey`函数接收两个参数：要排序的数组和作为排序依据的属性名。在`sort()`方法内部，我们通过`a[key]`和`b[key]`获取对象的属性值，然后...
javascript如何判断数组内元素是否重复的方法集锦
10-31
下面将详细介绍几种常见的判断数组内元素是否重复的方法，并对每种方法进行深入解析。 #### 方法一：使用字符串连接与 `indexOf` 这种方法的基本思路是首先将数组转换成一个字符串，然后通过 `indexOf` 来判断字符...
js中数组中相同的元素进行整合并创建一个新数组.pdf
12-16
5. **遍历数组**：使用`for...in`循环遍历数组，检查每个对象的`str`属性值是否与`_tmp`相等。如果相等，将该对象添加到`_t`数组中；如果不等，说明遇到了新的属性值，此时将`_t`数组推入`_arr`，并用当前对象初始化...
从对象列表中获取一个对象的方法,依据关键字和值
08-29
`for (var i in objs)`会依次获取数组中的每个对象，并将其赋值给变量`obj`。 2. 对每个遍历到的对象，使用jQuery的`$`函数将其包装为jQuery对象，这是因为`attr`方法是jQuery提供的，用于获取或设置HTML元素的属性...
后端修改密码的简单弹窗
freddy的博客
10-25 6097
后台的小伙，因为前端的功底不是很好，在做后台时，遇到一个修改的密码的弹窗不会弄，找到我，特意为其写了个demo<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #updataPwdBox{
带你全面理解JS模块的标准（AMD、CMD、COMMON.JS 、 UMD、ESM）
freddy的博客
04-15 2846
在前端的世界演变里，有着几种JS的模块规范，从出现的序言来说就是： ①amd ②cmd ③common.js ④ umd ⑤ esm 现在Vue框架里面都是遵守esm规范，不得不说esm是目前最好最流行的一种js规范了 amd - 浏览器中的js模块化解决方案 AMD 全称是 Async Module Definition -中文： 异步模块化定 义 require.js是AMD模块规范的一个具体实现 核心是通过define方法对无序的代码进行有序的模块化定义，通过require方法实现代码的模块化加
js对象数组重复值，保留一个对象值，其余的删掉
freddy的博客
09-05 1282
js对象数组重复值，值保留一个值
javascript中bind函数理解
freddy的博客
04-18 687
bind函数会创建一个新的函数体； bind函数第一个参数是改变this的指向，第二个以及之后的每个参数都是传进去原来的函数参数； bind函数是在Function原型上的； bind 函数可以用来递归遍历数组；
一个数组里判断某一个字段的值是否都相等
06-07
可以使用数组的 every() 方法来判断某一个字段的值是否都相等。every() 方法会对数组中的每一个元素调用一个回调函数，只有当所有元素都满足回调函数的条件时，它才会返回 true，否则返回 false。示例代码如下： ```javascript const arr = [ { name: 'Alice', age: 20 }, { name: 'Bob', age: 20 }, { name: 'Charlie', age: 20 }, ]; const isAgeEqual = arr.every((item, index, array) => { return item.age === array[0].age; }); console.log(isAgeEqual); // true ``` 上述代码中，我们通过 every() 方法判断了数组 arr 中所有元素的 age 字段是否都相等。这里的回调函数比较了当前元素的 age 字段和数组中第一个元素的 age 字段是否相等，如果全部相等，则 every() 方法返回 true，否则返回 false。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

春风得意之时

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

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

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

打赏作者

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

抵扣说明：

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

余额充值