前端数组操作,方法(持续更新)

前端数组合并-数组去重

需求是进出口数据何在一起给桑基图用
数组是请求两个接口

get(arr) {//合并数据
let leftParams = {};
await get1(leftParams).then((res) => {for (let index = 0; index < res.data.data.data.length; index++) {const element = res.data.data.data[index];this.leftSankeyData.data.push(element);}for (let index = 0; index < res.data.data.links.length; index++) {const element = res.data.data.links[index];this.leftSankeyData.links.push(element);}});let rightParams = {};await get2(rightParams).then((res) => {for (let index = 0; index < res.data.data.data.length; index++) {const element = res.data.data.data[index];this.leftSankeyData.data.push(element);}for (let index = 0; index < res.data.data.links.length; index++) {const element = res.data.data.links[index];this.leftSankeyData.links.push(element);}});
//使用了最原始的方式合并数据,其实用.concat我觉得更好点,这里要注意的是async异步操作,否则传递到组件中的可能是空
this.leftSankeyData.data = this.unique(this.leftSankeyData.data);
//需要的时候调用去重
},
unique(arr) {const res = new Map();//这个去重是用了map喝set的唯一特性//因为我这个数组的data中有name的字段,所以对象中的name是需要处理重复的内容return arr.filter((arr) => !res.has(arr.name) && res.set(arr.name, 1));},

前端数组位置查询

数组对象的字段相等的查询,查询位置
例如 [{id:1},{id:2}] ,返回的是数组中id等于1的第一次出现的位置

this.areaData.findIndex((item) =>item.id == 1)

例如 [‘1’,‘2’]
数组普通查询,查询位置

this.areaData.indexOf('1')

前端数组是否存在查询

查询对象中是否存在满足这些条件的内容,返回true

let flag = res.data.some((item) =>item.id == _id &&item.parent_id == 74 &&item.childrenList.length <= 0);

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/35009.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Xilinx FPGA:vivado实现超声波测距

项目要求&#xff1a; 超声波模块测出的距离显示在数码管上 产生时钟使能信号的模块&#xff1a; timescale 1ns / 1ps //产生1us为周期的时钟使能信号 //1us/20ns50,div_cnt内部计数周期为0~49 module vlg_en(input sys_clk ,input rst_n …

go语言day2 配置

使用cmd 中的 go install &#xff1b; go build 命令出现 go cannot find main module 错误怎么解决&#xff1f; go学习-问题记录(开发环境)go: cannot find main module&#xff1b; see ‘go help modules‘_go: no flags specified (see go help mod edit)-CSDN博客 在本…

文字实录|Checkout.com大中华区总经理项尧:品牌全球化发展中的支付运营策略

大家好&#xff0c;很高兴在此次【品牌全球化营销增长峰会】与大家一起分享和交流。 我叫项尧&#xff0c;是 Checkout.com 大中华区的总经理&#xff0c;在支付领域有将近15年的经验。 我们 Checkout.com 是一家总部位于英国的支付公司&#xff0c;专注于线上收单&#xff0…

Charles 忽略IP授权 Allow 弹窗

当有新的设备连接到 Charles 时&#xff0c;会出现如下弹框确认是否允许&#xff0c;如果希望允许所有客户端连接不再有提示&#xff0c;可以通过添加模糊IP规则来实现。 配置方法&#xff1a;Proxy > Access Control Settings 中添加 0.0.0.0/0 和 ::/0 即可&#xff0c;…

数字孪生如何赋能智慧加油站?

在当今数字化转型的浪潮中&#xff0c;智慧城市的构建正以前所未有的速度推进&#xff0c;而智慧加油站作为智慧城市生态系统的重要组成部分&#xff0c;其升级转型显得尤为重要。随着国家“十四五”规划对智慧城市和数字化建设的明确指引&#xff0c;以及“碳达峰、碳中和”目…

08 元组和集合

目录 一、元组&#xff08;tuple&#xff09; 1. 什么是元组 2. 查操作 3. 函数和方法 二、集合&#xff08;set&#xff09; 1. 什么是集合 2. 数学集合运算 一、元组&#xff08;tuple&#xff09; 1. 什么是元组 元组是容器型数据类型&#xff0c;将( )作为容器的标…

java-冒泡排序 3

### 15. 综合示例 为了全面展示冒泡排序的各种实现和优化&#xff0c;我们可以编写一个综合示例&#xff0c;包含基本冒泡排序、优化版冒泡排序和鸡尾酒排序。 java public class ComprehensiveBubbleSort { // 基本冒泡排序 public static void basicBubbleSort(int[] a…

考研数学(3/9):一元函数积分学

目录 一元函数积分学 1. 不定积分 1.1 不定积分的定义 1.2 不定积分的性质 1.3 不定积分的计算方法 2. 定积分 2.1 定积分的定义 2.2 定积分的性质 2.3 定积分的计算方法 3. 定积分的应用 3.1 求平面图形的面积 3.2 求旋转体的体积 3.3 求曲线的弧长 3.4 求曲面的…

【数据建模】微分方程与动力系统

文章目录 微分方程与动力系统1. 微分方程的理论基础1.1 函数、导数与微分1.2 一阶线性微分方程的解1.3 二阶常系数线性微分方程的解 2. 使用python求解微分方程2.1 求解微分2.2 求解定积分2.2.1 quad函数求解2.2.2 梯型法则求解 3. 使用Scipy和Sympy解微分方程3.1 使用sympy求解…

MATLAB中findall用法

目录 语法 说明 示例 查找具有可见或隐藏句柄的图窗 查找句柄处于隐藏状态的对象 查找 Text 对象 提示 findall的功能是查找所有图形对象。 语法 h findall(objhandles) h findall(objhandles,prop1,value1,...,propN,valueN) 说明 h findall(objhandles) 返回 ob…

VUE JS 将html转成pdf 例子

在Vue.js中生成PDF文件&#xff0c;可以使用html2canvas和jspdf库。 安装依赖库 npm install html2canvas jspdf在Vue组件中使用 <template><div><button click"generatePDF">生成PDF</button></div> </template><script&…

ubuntu22.04 设置双屏

一 概述 最近把ubuntu18.04 升级到 22.04 双屏显示出来问题&#xff0c;在此记录下解决问题方案。二 解决方案 1 使用命令查看能检测到显示器 xrandr根据输出的信息&#xff0c;我们可以知道 HDMI-0 与 DP-0 是connected 。检测到两个显示器 2 设置输出显示器分辨率 由于我…

关于Vite+Vue+Ts WebStorm路径别名的问题

一、准备一个项目 二、在 vite.config.js 中添加 resolve: {alias: {: /src}} 三、tsconfig.app.json中添加代码 //添加代码"baseUrl": ".","paths": {"/*": ["src/*"]}把src的一个文件修改路径为开头 四、安装插件 npm i …

来给大家推荐得10个有效磁力导航链接(好用搜资料找资源)

都2024现在网上找资源像流水得鱼一样&#xff0c;抓一大把结果很难吃&#xff0c;我通宵特意整理的网站&#xff0c;网上有许多磁力导航网站可以提供海量的磁力链接资源&#xff0c;以下是一些有效的磁力导航网站推荐&#xff1a; 磁力搜索 网站地址&#xff1a;www.chiliso…

安装软件时出现风险警告——代码签名证书帮您解决(申请与优惠)

您开发的软件在用户下载安装时是否有以下弹窗提醒&#xff1f; 如何让用户信任软件并下载软件&#xff0c;是众多软件开发公司需要迫切去解决的问题&#xff0c;由此代码签名证书应运而生。 一 什么是代码签名证书 代码签名证书是一种提供给软件开发者&#xff0c;对其开发的…

上下文管理器在Python中的妙用

更多Python学习内容&#xff1a;ipengtao.com Python上下文管理器是一个非常强大的工具&#xff0c;它能够帮助开发者在特定代码块前后自动执行特定的操作&#xff0c;常用于资源管理&#xff0c;如文件操作、数据库连接和锁定等。本文将详细介绍Python上下文管理器的概念、使用…

【C++】final关键字 | 避免派生、重写

创作不易&#xff0c;本篇文章如果帮助到了你&#xff0c;还请点赞 关注支持一下♡>&#x16966;<)!! 主页专栏有更多知识&#xff0c;如有疑问欢迎大家指正讨论&#xff0c;共同进步&#xff01; &#x1f525;c系列专栏&#xff1a;C/C零基础到精通 &#x1f525; 给大…

AWS云计算平台:全方位服务与实践案例

摘要 在数字化浪潮的推动下&#xff0c;云计算已成为企业转型的强大引擎。AWS作为云计算的先锋&#xff0c;不仅提供了一系列强大的基础设施服务&#xff0c;更是在人工智能领域不断探索和创新。本文将带您领略AWS的全方位服务&#xff0c;并透过实际案例&#xff0c;感受其在…

注解详解系列 - @ConditionalOnProperty:基于属性的条件配置

注解简介 在今天的注解详解系列中&#xff0c;我们将探讨ConditionalOnProperty注解。ConditionalOnProperty是Spring Boot提供的一个注解&#xff0c;用于基于配置属性的值来有条件地包含或排除Bean定义。通过ConditionalOnProperty注解&#xff0c;可以根据外部配置文件中的…

最新MDYS14源码影视视频网站模板/苹果CMS系统/附搭建教程

最新MDYS14源码影视视频网站模板/苹果CMS系统/附搭建教程 基本介绍&#xff1a; 1、后台增加自定义参数&#xff0c;对应会员升级页面&#xff0c;以及积分充值 2、视频&#xff0c;演员&#xff0c;专题&#xff0c;收藏&#xff0c;会员系统模块齐全&#xff0c;支持子分类…