JS——如果数组中的信息存在多个相同的属性,那么则将这些相同的信息放到同一个children中。
var arr = [
{name: '张三', age: 10, sex: '男'},
{name: '李四', age: 10, sex: '男'},
{name: '钱五', age: 11, sex: '女'},
{name: '赵六', age: 12, sex: '女'},
{name: '王七', age: 10, sex: '男'},
]
// // 针对arr,根据相同的age 得出如下结果:
// result = [
// {name: '混合装大保健', age: '******', sex: '你猜', children: [
// {name: '张三', age: 10, sex: '男'},
// {name: '李四', age: 10, sex: '男'},
// {name: '王七', age: 10, sex: '男'},
// ]},
// {name: '钱五', age: 11, sex: '女'},
// {name: '赵六', age: 12, sex: '女'},
// ] // Ⅰ:解(8号技师为你服务):
let obj = {};
for( let item of arr){
if( !obj[`${ item.age }`]){
obj[`${ item.age }`] = {
name: item.name,
age: item.age,
sex: item.sex,
children: [ item],
}
}else {
obj[`${ item.age }`]['children'].push( item);
}
}
let _newArr = Object.values( obj); // 通过Object.values() 得出以属性值为基准的集合。例如:var obj = { 0: 'a', 1: 'b', 2: 'c' }; console.log(Object.values(obj)); // 得出 ['a', 'b', 'c']
// console.log('~~ 看看:', _newArr);
// 得出如下结果:
// [
// {
// "name": "张三","age": 10,"sex": "男","children": [
// {"name": "张三","age": 10,"sex": "男"},
// {"name": "李四","age": 10,"sex": "男"},
// {"name": "王七","age": 10,"sex": "男"}
// ]
// },
// {"name": "钱五","age": 11,"sex": "女","children": [
// {"name": "钱五","age": 11,"sex": "女"}
// ]
// },
// {"name": "赵六","age": 12,"sex": "女","children": [
// {"name": "赵六", "age": 12,"sex": "女"}
// ]
// }
// ] // ...Ⅱ:进一步处理(贵客请进屋)。如果age只存在一个,那么将该信息中的children删除;并对非一个的信息行做处理。
_newArr.forEach( item => {
if( item.children.length === 1 && item.age === item.children[ 0].age) {
delete item.children;
}else {
item.name = '混合装大保健';
item.age = '******';
item.sex = '你猜';
}
});
// console.log('最后看下:', _newArr); // 得出结果即为上述所说。
JS——如果数组中的信息存在多个相同的属性,那么则将这些相同的信息放到同一个children中。的更多相关文章
- eclipse 中main()函数中的String[] args如何使用?通过String[] args验证账号密码的登录类?静态的主方法怎样才能调用非static的方法——通过生成对象?在类中制作一个方法——能够修改对象的属性值?
eclipse 中main()函数中的String[] args如何使用? 右击你的项目,选择run as中选择 run configuration,选择arguments总的program argu ...
- JS去除数组中重复值的四种方法
JS去除数组中重复值的四种方法 1 /// <summary> o[this[i]] = ""; } } newArr.p ...
- js从数组中删除指定值(不是指定位置)的元素
RT: js从数组中删除指定值的元素,注意是指定值,而不是指定位置. 比如数组{1,2,3,4,5},我要删除其中的元素3,但是这个3的位置我是不知道的,只知道要删除值为3的这一个元素,请问要怎么写? ...
- js删除数组中元素的方法
一.清空数组 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空数组 console.log(ary); // 输出 [],空数组,即被清空了 二.删 ...
- js将数组中一个或多个字段相同的子元素中合并
最近js中遇到js将数组中一个或多个字段相同的子元素中合并,相信很多朋友也有遇到,大家可能有多种方法,我在这里记录一个相对简单的方法,当然大家如有其它更好的方法,请提出来大家共同学习. //将经济事项 ...
- 字符串数组 输入3个字符串,要求按由小到大的字母顺序输出; 输入n个学生的姓名和学号到字符串数组中,在输入一个姓名,如果班级有该生则返回其信息,否则返回本班无此人
输入3个字符串,要求按由小到大的字母顺序输出 如 输入franch england china,输出结果是china england franch 三个数排序输出,比较三个数的大小怎么做? a=18 ...
- js对象数组中的某属性值 拼接成字符串
js对象数组中的某属性值 拼接成字符串 var objs=[ {id:1,name:'张三'}, {id:2,name:'李四'}, {id:3,name:'王五'}, {id:4,name:'赵六' ...
- js限制输入数字能输入小数点,js定义数组,js往数组中添加数据,js将字符型转为数字型,除法结果保留两位小数——js小测:计算比赛得分
一个朋友跟我说要去给某个比赛算分: 规则:去掉最低分最高分求平均分: 最近在学习大数据可视化——图谱,用到js一些东西,所以今天就用js练练 用到知识点: js限制输入数字能输入小数点,js定义数组, ...
- js 删除 数组中某个元素(转载)
来源:https://www.jb51.net/article/134312.htm js删除数组中某一项或几项的几种方法 https://www.jb51.net/article/154737.ht ...
- js判断数组中是否包含某个元素
参考:http://www.runoob.com/jquery/misc-inarray.html js判断数组中是否包含某个元素 $.inArray( value, array [, fromInd ...
随机推荐
- 红米手机刷 LineageOS (实操)
参考:https://miuiver.com/how-to-flash-lineageos/ 实操机型:红米note8 1. 下载Android Platform-Tools 2. 下载对应机型的TW ...
- 【剑指Offer】【字符串】字符串的排列
题目:输入一个字符串,按字典序打印出该字符串中字符的所有排列.例如输入字符串abc,则打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,cab和cba. 输入一个字符串,长 ...
- Cisco ASA防火墙恢复密码和基本配置
Cisco ASA密码恢复 一.思路 Cisco ASA防火墙密码恢复,与路由器相似 修改寄存器的值,绕过startup-config配置文件 重新修改密码 恢复修改寄存器的值,保存配置 二.操作步骤 ...
- Linux与Windows对比
1. 前言 Windows是微软为个人台式机/设备或电脑(PC)开发的一系列操作系统.计算机操作系统(OS).每个操作系统都有一个图形用户界面(GUI),桌面允许用户查看所有文件.视频等.Window ...
- Java常见面试题收集
1.final.finalize.finally之间的区别 final关键字用于对属性.方法.类进行修饰,表示属性值不可修改,定义的对象地址不可修改.方法不可被覆盖,类不可被继承. finalize( ...
- Tomcat配置中的java.lang.IllegalStateException: No output folder问题
最近运行Tomcat7.0时总会报错:Tomcat安装文件夹下的某个文件拒绝访问. localhost:8080 java.lang.IllegalStateException: No output ...
- 退役*CPCer的找实习总结
从2月底开始到今天,我终于拿到了第一个也是唯一一个offer(字节跳动).找实习的过程告一段落,所以想记录一下这段时间的经历. 最开始找$meopass$学长内推了小马智行,很快就接到了面试通知(再次 ...
- OneinStack基础搭建typecheo轻量级博客
利用OneinStack搭建运行环境 1.访问oneinstack官网https://oneinstack.com/auto/,选择自动安装-自定义安装,根据自己需求生成linux 执行命令(这里我安 ...
- leetcode91解码
解码,dp,注意特殊情况 def numDecodings( s: str) -> int: if len(s) < 1: return 1 if s[0] =='0': return 0 ...
- java-javaSE-泛型和反射
泛型 什么是泛型 泛型,即"参数化类型".顾名思义,就是将类型参数化,然后在使用/调用时传入具体的类型(类型实参). 为什么使用泛型 泛型提高程序操作的可读性和安全性. 例如集合类 ...