js操作数组：向重复元素后面添加出现次数

最新推荐文章于 2024-06-12 20:28:09 发布
最新推荐文章于 2024-06-12 20:28:09 发布
阅读量897 收藏
点赞数
分类专栏： js 数组 字符串 文章标签： javascript 前端 数组 字符串 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48787059/article/details/121609095
版权
本文介绍了一个在前端开发中常见的问题，即如何在遇到重复文件名时，在文件名后添加出现次数。通过JavaScript操作数组和字符串的方法，如数组的filter和reduce，以及字符串的split和replace，实现这一功能。示例代码展示了具体实现过程。
摘要由CSDN通过智能技术生成

本篇文章主要是写项目时遇到的问题以及解决方法， 场景：下载多个文件时，有相同名称的文件，需要区别一下，在重复文件名后（也就是文件后缀名前）加上‘（重复次数）’，相信大家并不陌生这样的场景，在我们多次下载同一个文件时，第二次会自动加上‘（1）’,那么到底是如何实现的呢?想知道的小伙伴往下看吧👇

直接上代码，不懂的可以看注释呦

代码如下：

 const taskResults = [{
   name:'文件.excel',link:"https://devops-prod.longfor.com/simple/wwww.png"},
                      {
   name:'文件.excel',link:"https://devops-prod.longfor.com/simple/wwww.png"},
最低0.47元/天 解锁文章
酥唯
关注
专栏目录
js es6判断数组中出现最多的重复元素并打印出次数及元素值
周家大小姐
03-13 3363
三种方法: 数组样式 : mounted () { let a = [1, 2, 8] let b = [1, 8] let c = [1, 4, 8, 7, 8] let d = a.concat(b, c) this.GetArrayMost(d) }, 一种方法 methods: { // new Map 去重并打印出现复生次数最多的 GetArrayMost (arr) { var arrMap = ne.
js代码-重复的数据添加标识 例如张三 李四 王五 张三 王五 变更为 张三1 李四 王五1 张三2 王五2
07-14
js代码-重复的数据添加标识 例如张三 李四 王五 张三 王五 变更为 张三1 李四 王五1 张三2 王五2
JavaScript 数组去重并统计重复元素出现的次数
weixin_34054931的博客
12-13 1232
1、方法一 var arr = [1, 2, 3, 1, 2, 4]; function arrayCnt(arr) { var newArr = []; for(var i = 0; i < arr.length; i++) { if(newAr...
js合并重复对象数组，并计算重复次数
sundaoli_0的博客
11-04 573
js合并重复对象数组，并计算重复次数
获取javascript数组所有重复元素的索引的函数，js实战经验
weixin_47378963的博客
11-21 911
一想到获取js数组Array中元素的索引，一般情况下使用内置的函数indexOf()即可，但是indexOf()函数有个缺点，就是只能返回数组Array中匹配到的元素的第一个的索引，而不会获取所有匹配到的元素的索引。那该怎么办呢？
js 判断数组重复元素以及重复的个数
热门推荐
京都玩家
04-17 2万+
js处理数组中重复的元素以及个数
js判断数组对象中是否有重复字段，如果有打上标记
最新发布
偏执的小男孩儿
06-12 180
js判断数组对象中是否有重复字段，如果有打上标记
javascript数组去掉重复
10-28
如果当前元素与后面所有元素都不相等，那么将当前元素添加到新数组中。这种方法思路直接，代码量也不多，但是时间复杂度为O(n^2)，效率并不高，尤其在数组较长的情况下，会显得非常低效。 第二种方法利用了数组的...
JavaScript几种数组去掉重复值的方法推举_.docx
10-09
在JavaScript中，处理数组去重是一个常见的编程任务，...总的来说，JavaScript提供多种去除数组重复值的方法，每种方法都有其适用场景。开发者需要根据实际情况，结合性能、可读性和数据类型等因素，选择最合适的方法。
js数组对象重复的数据添加标识
挚友阳光的博客
06-21 2207
let originalList=[{name:'张三'},{name:'张三'},{name:'王五'},{name:'李四'},{name:'张三'},{name:'李四'},{name:'张三'}] console.log(originalList) // 数组去重 const maps = new Map(); list=originalList.filter((a) => !maps.has(a.name) && maps.set(a.name, 1)) // 剔除只出现
未重复出现的元素不处理，重复出现的元素加编号 不影响正常数组元素的顺序
好先
10-26 641
未重复出现的元素不处理，重复出现的元素加编号 不影响正常数组元素的顺序 <script> var arr = ['z', 'v', 'd', 'z', 'k', 'd', 'z', 'k']; var obj = {}; // 对象key值唯一的 for (let i = 0; i < arr.length; i++) { var flag = true; // 是不是第一次出现
JS 重复添加相同内容
weixin_34363171的博客
08-10 811
<script type="text/template" id="template"> //模板内容 </script> function add(ele) { var e = $(ele), p = e.closest('.form-group'); 　 p.before($('#template').text()); 　　e.blur(); }...
js数组创建多个一样的数据
weixin_44645271的博客
05-16 6626
js Array.fill方法array简介创建方法new Array( num ) 方法fill()浏览器兼容性 array简介 JavaScript的 Array 对象是用于构造数组的全局对象，数组是类似于列表的高阶对象。 创建方法 1.常见方式 2.obj方式 new Array( num ) 方法 语法 new Array(num) num : 数组的长度 fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。 语法 arr.fill(value[,
js获取对象数组中重复项的个数并排序，js数组对象筛选出重复数据 并计算 重复了几次
AAAXiaoApple的博客
12-16 851
js获取对象数组中重复项的个数并排序，js数组对象筛选出重复数据 并计算 重复了几次
js 数组添加n次相同元素_数组中两次出现相同元素之间的最大距离
cumudi0723的博客
06-23 1362
js 数组添加n次相同元素Prerequisite: Hashing data structure 先决条件： 哈希数据结构 Problem statement: 问题陈述： Find maximum distance between two occurrences of same element in the array. 查找两次出现的相同元素在数组中的最大距离。 Example:...
JavaScript中统计字符出现的频率
qq_45274635的博客
07-13 1081
将每个字符添加到计数器中。如果字符已经存在于计数器中，我们将增加相应的计数值；否则，我们将在计数器中添加一个新的属性，并将其计数值设置为1。在 JavaScript 中统计字符出现的频率并不复杂。使用一个计数器对象可以轻松地完成这个任务。希望本文让您对如何在 JavaScript 中进行字符频率统计有更清晰的了解。在编程中，统计字符出现的频率是一项常见的任务。在 JavaScript 中，我们可以使用一些简单而强大的技术来完成这个任务。本文将介绍一种基本的方法来统计字符的频率。
js 数组添加新属性、 匹配相同的属性值 、 获取拥有相同属性值的序列号
qq_41737172的博客
06-16 401
// js 数组添加新属性和属性值 let person = _this.state.nearList; let newArr = person.map((item, index) => { return Object.assign(item, { distance: 100 }) }, () => { _this.setNearList(newArr); })
word公式在后面怎么加标号
05-25
在Word中，为公式添加标号可以通过以下步骤实现： 1. 首先，将光标放在您要添加标号的公式后面。 2. 然后，在“参考文献和注释”选项卡上的“交叉引用”组中，单击“插入标记”按钮。 3. 在弹出的“标记”对话框中，选择“公式”选项卡。 4. 选择您要添加标号的公式，并单击“添加”按钮。 5. 现在，您的公式已经带有标号。如果您以后更改了文档中的公式，则这些标号会自动更新。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值