最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JavaScrip数组去重操作实例小结

来源:动视网 责编:小采 时间:2020-11-27 21:54:53
文档

JavaScrip数组去重操作实例小结

JavaScrip数组去重操作实例小结:本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考,具体如下: 内置的for-of方法 <script> var arr=[2,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',unde
推荐度:
导读JavaScrip数组去重操作实例小结:本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考,具体如下: 内置的for-of方法 <script> var arr=[2,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',unde


本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考,具体如下:

内置的for-of方法

<script>
var arr=[2,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null];
function uniqueUseForOf(array) {
 const temp = []; //一个临时数组
 // 传入值必须存在,且长度小于等于1的时候直接返回数组
 if (array && array.length <= 1) {
 return array;
 } else {
 //遍历当前数组
 for (let x of array) {
 temp.indexOf(x) === -1 ? temp.push(x) : '';
 }
 }
 return temp;
}
uniqueUseForOf(arr);
console.log(uniqueUseForOf(arr))
</script>

运行结果:

内置的forEach方法

<script>
var arr=[3,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null];
function uniqueUseForEach(array) {
 // 传入值必须存在,且长度小于等于1的时候直接返回数组
 if (array && array.length <= 1) {
 return array;
 } else {
 var temp = []; //一个临时数组
 //遍历当前数组
 array.forEach(function (value, index) {
 temp.indexOf(value) == -1 ? temp.push(value) : '';
 })
 return temp;
 }
}
uniqueUseForEach(arr);
console.log(uniqueUseForEach(arr))
</script>

运行结果:

万能的for方法

<script>
var arr=[1,1,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',undefined,null,'null',null];
function uniqueUseFor(array) {
 var temp = []; //一个临时数组
 //遍历当前数组
 for (var i = 0, j = array.length; i < j; i++) {
 //很直白,新数组内判断是否有这个值,没有的情况下,就推入该新数组
 temp.indexOf(array[i]) === -1 ? temp.push(array[i]) : '';
 }
 return temp;
}
uniqueUseFor(arr);
console.log(uniqueUseFor(arr))
</script>

运行结果:

第一种方法:

<script>
var arr = [1, 2, 3, 4, 1, 2, 4, 5, 6];
console.log(arr);
Array.prototype.unique = function() {
 var n = [this[0]]; //结果数组
 for(var i = 1; i < this.length; i++) //从第二项开始遍历
 {
 //如果当前数组的第i项在当前数组中第一次出现的位置不是i,
 //那么表示第i项是重复的,忽略掉。否则存入结果数组
 if(this.indexOf(this[i]) == i) n.push(this[i]);
 }
 return n;
};
console.log(arr.unique());
</script>

第二种方法:

<script>
var arr = [1,2,3,4,1,2,4,5,6];
console.log(arr);
Array.prototype.unique = function()
{
 var n = {},
 r = []; //n为hash表,r为临时数组
 for (var i = 0; i < this.length; i++) { //遍历当前数组
 if (!n[this[i]]) { //如果hash表中没有当前项
 n[this[i]] = true; //存入hash表
 r.push(this[i]); //把当前数组的当前项push到临时数组里面
 }
 }
 return r;
};
console.log(arr.unique());
</script>

第三种方法:

<script>
var arr = [1,2,3,4,1,2,4,5,6];
console.log(arr);
Array.prototype.unique = function() {
 var n = []; //一个新的临时数组
 for (var i = 0; i < this.length; i++) //遍历当前数组
 {
 //如果当前数组的第i已经保存进了临时数组,那么跳过,
 //否则把当前项push到临时数组里面
 if (n.indexOf(this[i]) == -1) n.push(this[i]);
 }
 return n;
};
console.log(arr.unique());
</script>

上述三种方法运行结果为:

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

PS:这里再为大家提供几款相关工具供大家参考使用:

在线去除重复项工具:
http://tools.jb51.net/code/quchong

在线文本去重复工具:
http://tools.jb51.net/aideddesign/txt_quchong

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

文档

JavaScrip数组去重操作实例小结

JavaScrip数组去重操作实例小结:本文实例讲述了JavaScrip数组去重操作。分享给大家供大家参考,具体如下: 内置的for-of方法 <script> var arr=[2,1,1,3,'','','e','e',true,'true',true,false,false,'false',undefined,'undefined',unde
推荐度:
标签: js 实例 javascript
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top