js 把数组对象中 某一项属性相同的对象筛选出来

将原始数组中具有相同`name`属性的对象重新组织为新的结构,每个对象包含`name`属性和一个`list`属性,`list`属性下是对应`name`的所有对象。处理后的数据便于按姓名聚合信息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原数组

[
	{
		name:'小明',
		age:'18',
		address:'天上'
	}{
		name:'小红',
		age:'19',
		address:'地里'
	}{
		name:'小明',
		age:'20',
		address:'叙利亚'
	}{
		name:'小明',
		age:'5',
		address:'娘胎'
	}]

想处理成
[
	{
		name:小明,
		list:[{
			age:18,
			address:'天上'
		},
		{
			age:'20',
			address:'叙利亚'
		},
		{
			age:'5',
			address:'娘胎'
		},]
	},
	{
		name:'小红',
		list:[{
			age:'19',
			address:'地里'
		}]
	}
]
————————————————
let arr = data.data
            let dataInfo = {};
            arr.forEach((item, index) => {
              let { name } = item;
              // console.log(line_name)
              if (!dataInfo[name]) {
                dataInfo[name] = {
                  name,
                  child: []
                }
              }
              dataInfo[name].child.push(item);
            });
            let list = Object.values(dataInfo); // list 转换成功的数据
————————————————
### JavaScript 中根据条件获取数组对象中的特定项 在 JavaScript 中,有多种方法可以根据给定条件从数组筛选出符合条件的对象。以下是几种常用的方法: #### 使用 `filter()` 方法 `filter()` 方法创建一个新数组,其中包含所有通过测试的元素。 ```javascript const users = [ { id: 1, name: 'Alice', age: 25 }, { id: 2, name: 'Bob', age: 30 }, { id: 3, name: 'Charlie', age: 35 } ]; // 查找年龄大于等于 30 的用户 const filteredUsers = users.filter(user => user.age >= 30); console.log(filteredUsers); // [{id: 2, name: "Bob", age: 30}, {id: 3, name: "Charlie", age: 35}] ``` 此方法适用于需要保留多个匹配项的情况[^1]。 #### 使用 `find()` 方法 当只需要找到第一个满足条件的元素时,可以使用 `find()` 方法。该方法返回数组中满足提供的测试函数的第一个元素的;如果没有找到则返回 `undefined`。 ```javascript const firstUserOverThirty = users.find(user => user.age > 30); console.log(firstUserOverThirty); // {id: 3, name: "Charlie", age: 35} ``` 这种方法适合于仅需单个匹配结果的情形[^2]。 #### 使用 `for...of` 循环配合条件语句 对于更加复杂的需求或希望手动控制流程的情况下,可以选择传统的迭代结构如 `for...of` 结合条件判断实现目标功能。 ```javascript let foundItem; for (const item of users) { if (item.name === 'Bob') { foundItem = item; break; } } if (foundItem !== undefined) { console.log(`Found ${foundItem.name}`); } else { console.log('Not Found'); } ``` 这种方式提供了更大的灵活性,尤其是在处理嵌套数据结构或其他特殊情况时非常有用[^3]。 #### 组合使用 `.[]` `[index]` 访问器 针对含有深层路径的数据集,可以通过组合点号访问符 (`.`) 及方括号索引访问符 (`[ ]`) 来精确提取所需字段的信息。 ```javascript const complexDataStructure = { items: [ { key: 'a', value: ['alpha', 'beta'] }, { key: 'b', value: ['gamma', 'delta'] } ] }; // 获取键为'b'对应的value列表里的第二个元素 const specificValue = complexDataStructure.items.find(item => item.key === 'b').value[1]; console.log(specificValue); // delta ``` 上述例子展示了如何利用这些特性来定位并读取复合型 JSON 数据内的具体成员[^4]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值