`
hjx594812735
  • 浏览: 19866 次
  • 来自: 武汉
社区版块
存档分类
最新评论

js数组去除重复

    博客分类:
  • js
 
阅读更多

记得之前做项目的时候,想实现一个功能,就是让多个对象保存到前端js的Array中,且保存的内容不能重复,最后将这个保存的Array数组一次全部提交到后台,当时为了实现功能也没怎么优化代码。最后回头看看代码,感觉糟糕透顶,于是修改后成了下面的方法!

 

// 删除数组中第一个匹配的元素,成功则返回位置索引,失败则返回 -1
Array.prototype.deleteElementByValue = function(element) {
	var numDeleteIndex = -1;
	for (var i = 0; i < this.length; i++) {
		// 严格比较,即类型与数值必须同时相等
		if (this[i] === element) {
			this.splice(i, 1);
			numDeleteIndex = i;
			continue;
	}
		}
	return numDeleteIndex;
}
 使用方式如下
var tempArrays = new Array();
tempArrays.push("a");
tempArrays.push("b");
tempArrays.push("c");
tempArrays.deleteElementByValue("a");
 
// 验证数组中是否存在相同的元素内容
Array.prototype.isElementByValue = function(element) {
	for (var i = 0; i < this.length; i++) {
		// 严格比较,即类型与数值必须同时相等
		if (this[i] === element) {
			return true;
		}
	}
	return false;
}
  使用方式如下
var tempArrays = new Array();
tempArrays.push('a');
tempArrays.push('b');
tempArrays.push('c');

if(tempArrays.isElementByValue('c')){
    tempArrays.push('d');
}else{
    tempArrays.push('e');
}
 
// 新增数组元素,避免出现相同的元素内容
Array.prototype.addElementByValue = function(element) {
	if (!this.isElementByValue(element)) {
		this.push(element);
	}
}
 使用方式如下
var tempArrays = new Array();
tempArrays.addElementByValue('a');
tempArrays.addElementByValue('b');
tempArrays.addElementByValue('c');
tempArrays.addElementByValue('a');
for(x in tempArrays){
   console.log(tempArrays[x]);
}
 以下打印的结果:
 

 这里只打印了三个字符串,但是我们却设值了四个,原因是设值第2个字符串‘a’的时候发现该数组内存在字符串‘a’,所以就不会push操作了,这种设值方式对我们进行数组设值得时候去除重复还是挺有用的!发财
  • 大小: 14.9 KB
分享到:
评论

相关推荐

    js数组中去除重复值的几种方法

    在日常开发中,我们可能会遇到将一个数组中里面的重复值去除,那么,我就将我自己所学习到的几种方法分享出来  去除数组重复值方法:  1,利用indexOf()方法去除  思路:创建一个新数组,然后循环要去重的数组,...

    JS数组去掉重复数据只保留一条的实现代码

    非常不多说,js数组去掉重复数据的代码如下所示: var arr = [1,2,3,4,5,6,1,6,7,2]; var newArr = []; for(var i =0;i&lt;arr.length-1;i++){  if(newArr.indexOf(arr[i]) == -1){  newArr.push(arr[i]);  } } ...

    JS 去掉数组中重复项

    JavaScript数组的`filter()`方法可以创建一个新的数组,其中包含通过所提供函数实现的测试的所有元素。我们可以利用这个特性来过滤掉重复的元素。 ```javascript let arr = [1, 2, 2, 3, 4, 4, 5]; let ...

    javascript数组去掉重复

    通过上述三种方法的介绍和比较,我们可以了解到JavaScript数组去重的基本实现思路和各自的方法优缺点。在实际的项目开发中,可以根据数组的具体情况选择合适的去重方法,以达到性能最优和代码简洁的平衡。同时,通过...

    JS查找数组中重复元素的方法详解

    此外,本文还提到了一些扩展阅读资源,包括《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结...

    JavaScript几种数组去掉重复值的方法推举_.docx

    在JavaScript中,处理数组去重是一个常见的编程任务,...总的来说,JavaScript提供多种去除数组重复值的方法,每种方法都有其适用场景。开发者需要根据实际情况,结合性能、可读性和数据类型等因素,选择最合适的方法。

    在javascript中,如果删除二维数组中重复的元素

    在JavaScript中删除二维数组中重复的元素 在JavaScript中,删除二维数组中重复的元素是一种常见的需求。二维数组是一种复杂的数据结构,它由多个一维数组组成,每个一维数组可以包含不同的元素。在实际应用中,我们...

    如何高效率去掉js数组中的重复项

    总结起来,去除JavaScript数组中的重复项有多种策略,包括常规模式、利用`sort()`函数以及利用JSON对象。每种方法都有其适用场景,开发人员应根据实际需求选择最适合的方法。在处理大量数据时,推荐使用利用JSON对象...

    js 巧妙去除数组中的重复项

    1. **转换对象**:将数组的元素作为对象的键,这样就利用了JavaScript对象的特性——键的唯一性,自动去除了重复的值。 2. **还原数组**:遍历这个对象,将所有的键(不重复的元素)重新构造成一个新的数组。 这种...

    JS实现的数组去除重复数据算法小结

    本篇文章将重点讲解四种不同的JS实现方法来去除数组中的重复数据。这些方法各有优劣,适用于不同的场景,下面逐一详细介绍。 1. **速度最快算法:对象键值对法** 这种方法利用JavaScript对象的特性,将数组元素...

    js 两数组去除重复数值的实例

    //两数组去除重复数值 mergeArray: function(arr1, arr2) { for (var i = 0; i &lt; arr1.length; i++) { for (var j = 0; j &lt; arr2.length; j++) { if (arr1[i] === arr2[j]) { arr1.splice(i, 1); //利用...

    JavaScript几种数组去掉重复值的方法推荐

    本文将介绍几种有效的方法来去除数组中的重复值,这些方法各有优劣,适用于不同的场景。 1. **删除后面重复的(ov1)**: 这种方法通过双重循环实现,外层循环遍历数组元素,内层循环从当前元素的下一个开始,如果...

    JavaScript移除数组内重复元素的方法

    重复元素在数组中可能会导致数据冗余,降低程序效率,因此移除数组中的重复元素成为了JavaScript编程中的一个重要技巧。 JavaScript提供了多种方法来移除数组中的重复元素,常见的方法包括使用ES6的新特性如`Set`...

    JS求多个数组的重复数据

    需要注意的是,每个单独的数组里不应该有重复值,如果有的话,可以事先去除。耗时问题也是一个需要考虑的重要方面,特别是在数据量巨大时,算法效率的高低直接影响到程序的性能。 本案例提供了一段源代码,源代码中...

    JS去除数组重复值的五种不同方法

    在JavaScript中,去除数组中的重复值是一个常见的需求。数组去重可以提升数据...总而言之,JavaScript数组去重是数据处理中常见且基础的操作,合理选择去重方法能有效提升数据处理效率,尤其是在处理大规模数据集时。

    JavaScript合并两个数组并去除重复项的方法

    在JavaScript中,合并两个数组并去除重复项是一个常见的任务,特别是在处理数据集合或者组合不同来源的数据时。这里我们将深入探讨几种不同的方法来实现这个功能。 首先,我们可以使用`concat()`方法来合并两个数组...

    JS基于对象的特性实现去除数组中重复项功能详解

    如前面文章JS实现的数组去除重复数据算法小结中就总结分析了4种实现方法。这里介绍一种高效数组去重的方法:根据JS对象的特性去除数组中重复项的方法。 一、JS对象的特性(本文中所使用的特性):key始终唯一 引例:...

Global site tag (gtag.js) - Google Analytics