通过js把一个数组修改成多层嵌套多个数组的几种方法总结
更新时间:2023年06月29日 09:56:05 作者:前端代码の搬运工
这篇文章主要介绍了通过js把一个数组修改成多层嵌套多个数组的几种方法总结,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
通过js把一个数组修改成多层嵌套多个数组
首先一级与二级相同的嵌套
let arr = [ { date: '2020-01-06', age: '18'}, { date: '2020-01-06', age: '25'}, { date: '2020-01-07', age: '34'}, { date: '2020-01-07', age: '18'}, { date: '2020-01-07', age: '38'}, { date: '2020-01-08', age: '26'}, { date: '2020-01-09', age: '24'} ]
let dataArr = []; arr.map(mapItem => { if (dataArr.length == 0) { dataArr.push({ date: mapItem.date, List: [mapItem] }) } else { let res = dataArr.some(item=> {//判断相同日期,有就添加到当前项 if (item.date == mapItem.date) { item.List.push(mapItem) return true } }) if (!res) {//如果没找相同日期添加一个新对象 dataArr.push({ date: mapItem.date, List: [mapItem] }) } } })
结果
dataArr = [ { date:'2020-01-06', List: [ { date: '2020-01-06', age: '18'}, { date: '2020-01-06', age: '25'} ] }, { date:'2020-01-07', List: [ { date: '2020-01-07', age: '34'}, { date: '2020-01-07', age: '18'}, { date: '2020-01-07', age: '38'}, ] }, { date:'2020-01-08', List: [ { date: '2020-01-08', age: '26'}, ] }, { date:'2020-01-09', List: [ { date: '2020-01-09', age: '24' } ] } ]
第二种情况
一级四位数(0001),二级八位数字(00010001)获取的条件是通过一级的四位数字匹配二级的前四位数字
方法1:
var userArr = [ { id: "0001", userName: "laozhang_1" }, { id: "00010001", userName: "laozhang1" }, { id: "00010002", userName: "laozhang1" }, { id: "00010003", userName: "laozhang1" }, { id: "0002", userName: "laowang" }, { id: "00020002", userName: "laozhang2" }, { id: "00020003", userName: "laowang" }, { id: "00020004", userName: "laowang" }, { id: "00020005", userName: "laowang" }, { id: "00020006", userName: "laowang" } ];
let newArr = [] userArr.forEach(item => { if (item.id.length === 4) { newArr.push({ ...item, list: [] }); } }); newArr.forEach(item => { userArr.forEach(user => { if (item.id !== user.id && item.id == user.id.substring(0, 4)) { item.list.push(user); } }); }); console.log(newArr)
方法2:
var userArr = [ { id: "0001", userName: "laozhang_1" }, { id: "00010001", userName: "laozhang1" }, { id: "00010002", userName: "laozhang1" }, { id: "00010003", userName: "laozhang1" }, { id: "0002", userName: "laowang" }, { id: "00020002", userName: "laozhang2" }, { id: "00020003", userName: "laowang" }, { id: "00020004", userName: "laowang" }, { id: "00020005", userName: "laowang" }, { id: "00020006", userName: "laowang" } ];
let newArr = userArr.filter(item => item.id.length === 4) newArr.forEach(item => { item.list = userArr.filter(user => item.id !== user.id && item.id == user.id.substring(0, 4)) }) console.log(newArr)
js一维数组处理成多维数组
let replies = [ { id: 1, content: '1. 真理惟一可靠的标准就是永远自相符合', parent: 0 }, { id: 2, content: '2. 我需要三件东西:爱情友谊和图书', parent: 0 }, { id: 3, content: '2-1 时间是一切财富中最宝贵的财富', parent: 2 }, { id: 4, content: '2-2 我读的书愈多,就愈亲近世界,愈明了生活的意义,愈觉得生活的重要', parent: 2 }, { id: 5, content: '2-1-1 任何事物都是在不断变化的', parent: 3 }, { id: 6, content: '2-1-2 真正的科学家应当是个幻想家', parent: 3 }, { id: 7, content: '3. 难得糊涂,耳不闻人之非,不信谣,不传谣', parent: 0 }, ]; function multidimensionalArray(replies) { let data = JSON.parse(JSON.stringify(replies)); data.forEach(reply => { let parent = data.find(res => res.id === reply.parent); if (parent) { parent.children = parent.children || []; parent.children.push(reply); } }); return data; } console.log(multidimensionalArray(replies)) /**一维数组处理成多维数组 * linearArray 一维数组 *primary 父级id(父子关联字段) * secondary 子级id(父子关联字段) */ multidimensionalArray: function (linearArray, primary, secondary) { let data = JSON.parse(JSON.stringify(linearArray)); data.forEach(item => { let parent = data.find(res => res[primary] === item[secondary]); if (parent) { parent.children = parent.children || []; parent.children.push(item); } }); return data; }
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
最新评论