js根据名字将数组对象中名字相同的项组成一个相同的数组

最新推荐文章于 2023-05-23 11:16:29 发布
最新推荐文章于 2023-05-23 11:16:29 发布
阅读量1k 收藏 3
点赞数
分类专栏： UNIAPP JAVASCRIPT VUE 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45788691/article/details/122144065
版权
JAVASCRIPT 同时被 3 个专栏收录
58 篇文章 4 订阅
订阅专栏
UNIAPP
55 篇文章 8 订阅
订阅专栏
VUE
50 篇文章 0 订阅
订阅专栏

在这里插入图片描述

需求：今天遇到一个的是当前定位在广州，根据传广州过去获取会的的所有区的门店数据！设计稿要求：根据所在的区来分类某个区有哪些门店！但是后端就返回一个数组里面有所有的门店！
在这里插入图片描述
设计稿：
在这里插入图片描述

let tempArr = [];
for (let i = 0; i < that.storeList.length; i++) {
	if (tempArr.indexOf(that.storeList[i].area_name) === -1) {
		that.afterData.push({
			name: that.storeList[i].area_name,
			origin: [that.storeList[i]]
		});
		tempArr.push(that.storeList[i].area_name);
	} else {
		for (let j = 0; j < that.afterData.length; j++) {
			if (that.afterData[j].name == that.storeList[i].area_name) {
				that.afterData[j].origin.push(that.storeList[i]);
				break;
			}
		}
	}
}
console.log("88888888888888", that.afterData);

在这里插入图片描述
搞定！回家吃饭去！！！
在这里插入图片描述

我就不思
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js数组对象相同项合并处理
Even_ycp的博客
04-23 1891
js数组对象相同项合并处理 平时工作中会经常遇到数据处理，其中数组合并处理也会经常遇到，下面就是数组相同项合并的一种方式： 1.首先由原始的数组arr数据， 2.然后创建一个map空对象和一个dest空数组，通过判断map中是否含有某项来判断数组dest是否添加数据， 3.然后再判断相同项和已有的dest数组内容比较合并； 网上找的资源，记录一下. 代码： 　　var arr = [ 　　　　{"...
数据转换：将数组对象中某个值相同的对象合并为一个新的对象
ScumStudy的博客
03-12 787
原数据： 转换为： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g
js 将数组里相同name合并并将value值放到一个数组里高效便捷的方法
weixin_58836319的博客
05-23 716
【代码】js 将数组里相同name合并并将value值放到一个数组里高效便捷的方法。
js数组对象取出指定元素相同的对象组成新数组
q879936814的博客
04-15 2900
要处理的数组： [ { name:'小明', age:'18', address:'天上' }， { name:'小红', age:'19', address:'地里' }， { name:'小明', age:'20', address:'叙利亚' }， { name:'小明', age:'5', address:'娘胎' }， ] 想处理成 [ { name:小明， list:[{ age:18, address
把数组中相同id的项放到一个数组中
m0_53264079的博客
09-24 1749
var arr = [{ 'id': '1001 ', 'name': '值1', 'value': '111' }, { 'id': '1001 ', 'name': '值1', 'value': '11111' }, { 'id': '1002 ', 'name': '值2', 'value': '25462' }, { ...
vue 对象数组中，根据相同属性的数据合并，重组新的数组对象
01-20
本问题探讨了如何根据`TYPE`和`REMARK`两个属性的值来决定是否合并对象，并生成新的数组对象。首先，我们需要理解源数据的结构，然后通过编程逻辑实现目标数据的转换。 源数据是一个包含多个对象的数组，每个对象有...
js中数组中相同的元素进行整合并创建一个新数组.pdf
12-16
这个问题可以通过一个名为`sortArr`的函数来解决，它接收两个参数：一个数组（`arr`）和一个字符串（`str`），然后返回一个新的数组，其中的元素是原数组中具有相同属性值的对象的集合。 首先，让我们详细解析`...
vue实现将一个数组内的相同数据进行合并
12-13
获取服务器传来的数组数据进行，找出其中价格相同的进行数量相加，合并该段数据： /** 先将传来的订单列表进行四舍五入，再将价格相同的订单进行合并 * @param {Object} orderList :要进行操作的订单 */ async ...
数据转换：将一个数组对象里面每个具有相同的字段筛选出来组成一个新数组
ScumStudy的博客
03-12 1336
原数据： 转化为： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> let arr2 = [{ id: 0, memo: "123",
JS合并数组对象中key相同的数据（将数组里某个属性相同的对象合并成一个数组）两种方案
shiningyn的博客
04-09 5742
将数组里某个属性相同的对象合并成一个数组 原数组如下 let resData = [ { "name": "住院医疗最高报销", "tagName": "医疗", "insuredAmount": "6000" }, { "name": "身故赔付", "tagName": "寿险"...
js数组对象相同项合并处理、数组对象指定对象字段排序
Khun_HWJ的博客
07-21 5475
案例一 var arr = [ {"id":"1","name":"张三","value":"1245"}, 　　　　{"id":"1","name":"张三","value":"1360"}, 　　　　{"id":"2","name":"李四","value":"1120"}, 　　　　{"id":"2","name":"李四","value":"1362"}, 　　　　{"id":"2","name":"李四","value":"1008"}, 　　　　{"id":"3","name":"王五
js获取name属性相同的页面元素
new_caicai的博客
03-31 1128
页面元素： <input type="checkbox" name="oncheck" value="张三"/> <input type="checkbox" name="oncheck" value="李四"/> <input type="checkbox" name="oncheck" value="王五"/> 获取页面元素的方式： 获取所有name属性相同的元素 var $all = $("input[name=oncheck]") 获取所有name属性相
js将数组对象中某个值相同的对象合并成一个新对象
MT_su的博客
09-03 1万+
不知道大家在开发过程中有没有遇到这样的数据转换： 数据源是这样的 beforeData: [ { name: "tony", id: "1", age: "20" }, { name: "jack", id: "2", age: "21" }, { name: "tony", id: "3", age: "50" }, { na...
js将数组中相同项放在一个数组
Fairyasd的博客
12-23 7077
js将数组中相同项放在一个数组 原本数组长这样：图一 想将数组中相同项放在一个数组 得到：图二 转换中也可以得到：图三 方法： sortArr(arr, str) { var _arr = [], _t = [], // 临时的变量 _tmp; // 按照特定的参数将数组排序将具有相同值得排在一起 arr = arr.sort(function (a, b) { var s = a[str],
js 数组对象中根据相同的name值对id进行 数组形式合并
@必意玲
06-11 3885
数组对象相同的key值合并，并且把对应的ID放到一个数组 通过一个数组根据项目名称相同的，把下面的ID组合到一个数组中 let list = [ { name: '项目1', id: 1, age: 11 }, { name: '项目2', id: 2, age: 22 }, { name: '项目3', id: 3, age: 33 }, { name: '项目1', id: 4, age: 44 }, { name: '项目2
JS获取两个数组对象中相同元素
热门推荐
包子脸爱学习的博客
07-19 1万+
数据源： let arr1 = [{id: 1, name: '1'}, {id: 2, name: '2'}, {id: 3, name: '3'}] let arr2 = [{id: 1, name: '1'}, {id: 2, name: '2'}] let list = [] 方法一： // 双重for循环，时间复杂度：n*n for(let i = 0; i < arr1.length; i++) { let tempArr1 = arr1[i] for(let j = 0
对JS数组进行归类（id一样则组成新数组）
weixin_44856917的博客
12-12 1644
对JS数组进行归类（id一样则组成新数组）
JavaScript提取数组对象中的相同的属性名，并返回新的数组
前端开发小白9527
04-18 1691
JavaScript提取数组对象中的相同的属性名，并返回新的数组
将一个数组中，某个字段相同的对象取出，组成一个新的数组
最新发布
05-26
假设我们有一个包含多个对象的数组 `arr`，每个对象都有一个字段 `field`，我们要将这个数组中所有 `field` 相等的对象取出，组成一个新的数组 `newArr`。可以采用如下代码实现： ```javascript const arr = [ { id: 1, field: 'foo', value: 123 }, { id: 2, field: 'bar', value: 456 }, { id: 3, field: 'foo', value: 789 }, { id: 4, field: 'baz', value: 101112 }, { id: 5, field: 'bar', value: 131415 } ]; const groupByField = (arr, field) => { return arr.reduce((acc, cur) => { const index = acc.findIndex(obj => obj[field] === cur[field]); if (index === -1) { acc.push({ [field]: cur[field], items: [cur] }); } else { acc[index].items.push(cur); } return acc; }, []).map(group => group.items); }; const newArr = groupByField(arr, 'field'); console.log(newArr); ``` 上述代码中，我们定义了一个 `groupByField` 函数，它接收两个参数，分别是原始数组 `arr` 和用于分组的字段名 `field`。在函数内部，我们使用 `Array.prototype.reduce()` 方法对原始数组进行遍历，对于每个元素，我们都在累加器 `acc` 中查找是否已经存在与当前元素相同的分组，如果未找到，则创建一个新的分组对象，并将当前元素添加到该分组的 `items` 属性中；否则，将当前元素添加到找到的分组的 `items` 属性中。最终，我们使用 `Array.prototype.map()` 方法将每个分组对象的 `items` 属性提取出来，组成新的数组 `newArr`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值