vue动态添加数组归类

news/2024/7/24 6:22:05 标签: vue.js, html, javascript, es6

昨天在写完项目之后出现一个bug,我想简单了,我以为直接把数据传过去就行,谁知道还需要归类数据,把数据整合起来,这个是动态的整合起来。格式是这样子的

[{name: '123',children: []}]

children数组里面放的是name底下的种类。

// 先搞一个空的数组,这个是让存储把多余添加的重复数据过滤掉的数据
let arr3 = [];
// 通过结构把所有需要归类的数据结构给arr2
this.arr2 = [...i,...this.arr2];
this.selectedRowKeys = e;
e.forEach(item1 => {
  this.arr2.forEach(item => {
    if (this.getSelectedKeys1 == item.itemId) {
      item.title = this.arr;
    };
    if (item1 == item.id) {
      arr3.push(item)
    };
  });
});
// [{name: '123',children: []}]
let obj = {};
var newArr = arr3.reduce((prev, cur) => {
  obj[cur.id] ? "" : obj[cur.id] = true && prev.push(cur);
  return prev;
},[]);
let ac = [];
this.arrPush = newArr;
this.arrPush.forEach(cc => {
  ac.push(cc.title);
});
// 这儿用到es6的新语法 set方法 set就是如果里面就多余的重复元素的话会被自动过滤掉。
ac = new Set(ac);//['a','b']
console.log('hhhh:',ac)
var uqiue = [];
ac.forEach(item=>{
  uqiue.push({name: item,children: []})
});
uqiue.forEach(item=>{
  newArr.forEach(item2=>{//总
  // 在这儿判断的方式就是如果名字一样的话就推到children里面,币一样的话就推到另一个里面,这样就动态添加。
    if(item.name === item2.title){
      item.children.push(item2)
    };
  });
});
this.arrPush = uqiue;

http://www.niftyadmin.cn/n/763840.html

相关文章

java 判断对象是否为空_java虚拟机——对象存活判断与垃圾回收算法

Java识堂,一个高原创,高收藏,有干货的微信公众号,一起成长,一起进步,欢迎关注本文主要教书在java虚拟机垃圾回收机制中,如何判断对象是否存活和图解垃圾回收算法。一、概述对于java程序员来说&a…

ant design vue table栏getCheckboxProps的使用

今天业务有一个需求,从一个页面跳到另一个页面的时候,需要把以前选择的table的数据带上,然后展示出来,这可难倒我了,研究好长时间,在网上搜一堆,看个大概然后还是决定自己写一下,毕竟…

python长宽表转换_深入Python数据分析:宽表如何重构为长表

先来了解Pandas封装的顶层函数部分,其一:melt()函数,它位于Pandas包的最顶层,结构如下:Pandas|melt()melt()函数的原型如下:frame为list型参数,后面都为position型参数。前者为通常意义的*args,…

带有key和value的数组去重

当我们遇到这样的数组 [1, 2, 3, 4, 4, 3, 2, 1];可以用set方法,也可以用foreach然后用indexOf的特性来去重。 但是当我们遇到这样的数组 var arr [{a:1, b:2, c:3},{a:1, b:3, c:4},{a:1, b:7, c:8}];那需要怎么去重呢 那就需要map配合findIndex了 arr.map((it…

java字符串转化为数组_数百万浏览量的问题:如何比较Java的字符串?为你解答

大家好,这里是云析学院,专门为大家解答各种Java问题,为全国互联网公司提供一流的技术人才!今天来给大家讲解一个问题:如何比较 Java 的字符串?这一个问题的访问量足足有300万,这说明有很多很多的…

js 删除字符串中指定的一些字符

比如有一些字符串 1213,,2312,,13123r,阿瓦达无,undefined,undefined 如果想删除这些undefined的字符串那需要怎么 办呢 代码 var a 1, 2, 3, 4, 5, 23, undefined, undefined; // 后面加g是删除字符串里面所有的und…

python入门之运算符的使用第一关_03 . Python入门之运算符

一、什么是运算符?举个简单的例子** 4 5 9 。 例子中,4** 和 5 被称为操作数,"" 称为运算符。Python语言支持以下类型的运算符:[算术运算符][比较(关系)运算符][赋值运算符][逻辑运算符][位运算符][成员运算符][身份运算符][运算符…

vue中使用img标签动态显示base64图片

<img :src"data:image/jpeg;base64 itemEsign.esignature" alt"">前缀一定要加上’data:image/jpeg;base64’这是字符串类型&#xff0c;后面用写上你需要渲染的base64图片