首页 > 代码库 > indexof实现数组去重的方法，有三个版本，一个Js版本,2个augular版本
indexof实现数组去重的方法，有三个版本，一个Js版本,2个augular版本
先上Js的简化版本的数组去重，需要M层控制数据
大妈
1 var aa = [1,3,4,5,6,23,523,6,123,‘1‘,12,‘刘‘,‘刘‘,‘刘‘,‘翔‘,12,123,214,‘1‘,‘3‘,‘刘翔‘,‘刘翔‘]; 2 3 function arr(arr){ 4 var result = []; 5 for (var i=0;i<arr.length;i++) { 6 if (result.indexOf(arr[i]) == -1) { 7 result.push(arr[i]) 8 } 9 } 10 console.log(result); 11 } 12 arr(aa);
再上一个M层控制数据的angular的简化版数组去重
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>自定义数组去重</title>
</head>
<body>
<div ng-controller="test"></div>
<script type="text/javascript" src="http://www.mamicode.com/angular.min.js" ></script>
<script>
var m1 = angular.module(‘myApp‘,[]);
//创建自定义服务
m1.factory(‘myRandom‘,function(){
return{
show:function(num1,num2){
//1.每次生成一个可重复的(0-num2)的随机数iNow存入长度为num1的数组中
var arr = [];
for(var i=0;i<num1;i++){
var iNow = parseInt(Math.random()*num2);
arr.push(iNow);
};
//2.遍历，去重 arr.indexOf(subString)如果在arr中没找到subString则返回 -1。
var result = [];
for (var i=0;i<arr.length;i++) {
if (result.indexOf(arr[i]) == -1) {
result.push(arr[i])
}
};
//3.数组排序
result.sort((n1,n2)=>{
return n1 - n2;
});
//4.返还结果
return `初始数组:${arr}<br/>去重数组:${result}`;
}
}
});
//自定义服务的调用有三个点：1.服务是已经定义好的 2.自定义服务的依赖顺序必须写在系统服务的后面 3.自定义服务起名时不需要加$
m1.controller(‘test‘,[‘$scope‘,‘myRandom‘,function($scope,myRandom){
document.write(myRandom.show(20,20));
}]);
</script>
</body>
</html>
最后这个是angular版本的v层控制数组的方法
1 <!DOCTYPE html> 2 <html ng-app="myApp"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>自定义数组去重</title> 6 </head> 7 <body> 8 <div ng-controller="test"> 9 10 <p>1.随机数组去重</p> 11 数组长度:<input type="number" type="text" ng-model="num1"/> 12 取数范围(0,n):<input type="number" type="text" ng-model="num2"/> 13 <input type="button" ng-click="click()" value="http://www.mamicode.com/生成数组"/> 14 <p>获取数组：<span ng-bind="arr"></span></p> 15 <p>数组去重：<span ng-bind="result"></span></p> 16 17 <hr /> 18 19 <p>2.指定数组去重</p> 20 输入数组:<input type="text" ng-model="str"/>(输入格式：1,1,2,2,3,3,了,了)注意:请使用英文逗号 21 <input type="button" ng-click="click2()" value="http://www.mamicode.com/数组去重"/> 22 <p>数组去重：<span ng-bind="result2"></span></p> 23 </div> 24 <script type="text/javascript" src="http://www.mamicode.com/angular.min.js"></script> 25 <script> 26 var m1 = angular.module(‘myApp‘,[]); 27 //随机数组去重 28 m1.factory(‘myArr‘,()=>{ 29 return{ 30 show:(num1,num2)=>{ 31 //每次生成一个可重复的(0-num2)的随机数iNow存入长度为num1的数组中 32 var arr = []; 33 for(var i=0;i<num1;i++){ 34 var iNow = parseInt(Math.random()*num2); 35 arr.push(iNow); 36 }; 37 return arr; 38 } 39 } 40 }); 41 m1.factory(‘myResult‘,()=>{ 42 return{ 43 //遍历，去重 arr.indexOf(subString)如果在arr中没找到subString则返回 -1。 44 norepeat:(arr)=>{ 45 var result = []; 46 for (var i=0;i<arr.length;i++) { 47 if (result.indexOf(arr[i]) == -1) { 48 result.push(arr[i]) 49 } 50 }; 51 //数组排序 52 result.sort((n1,n2)=>{ 53 return n1 - n2; 54 }) 55 return result; 56 } 57 } 58 }); 59 //指定数组去重 60 m1.factory(‘fixArr‘,()=>{ 61 return{ 62 remove:(str)=>{ 63 var arr2 = str.split(‘,‘); 64 var result = []; 65 var a = arr2.length; 66 for (var i=0;i<a;i++) { 67 if (result.indexOf(arr2[i]) == -1) { 68 result.push(arr2[i]) 69 } 70 } 71 return result; 72 } 73 } 74 }); 75 m1.controller(‘test‘,[‘$scope‘,‘myArr‘,‘myResult‘,‘fixArr‘,($scope,myArr,myResult,fixArr)=>{ 76 //获取随机数和范围 77 $scope.num1 = ‘‘; 78 $scope.num2 = ‘‘; 79 //随机数组去重 80 $scope.click = ()=>{ 81 if($scope.num1 == ‘‘ && $scope.num2 == ‘‘){ 82 $scope.arr = ‘请输入长度和范围‘; 83 }else{ 84 $scope.arr = myArr.show($scope.num1,$scope.num2); 85 $scope.result = myResult.norepeat($scope.arr); 86 } 87 }; 88 //固定数组去重 89 $scope.str = ‘‘; 90 $scope.click2 = ()=>{ 91 if($scope.str == ‘‘){ 92 $scope.result2 = ‘请输入数组‘; 93 }else{ 94 $scope.result2 = fixArr.remove($scope.str); 95 } 96 }; 97 }]); 98 99 </script> 100 101 </body> 102 </html>
indexof实现数组去重的方法，有三个版本，一个Js版本,2个augular版本
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。