法一:indexOf方法
<script type="text/javascript">
//一层循环,创建新数组
function unique(arr){
var newArr = [];
for (var i=0;i<arr.length;i++ )
{
if ( newArr.indexOf(arr[i]) == -1 )//判断目标数组中在原数组里是否存在
{
newArr.push(arr[i]);
}
}
return newArr;
}
var arr =[1,4,3,3,4,5,1];
console.log(arr);
console.log(unique(arr));
</script>
法二:indexOf方法
<script type="text/javascript">
//一层循环,创建新数组
function unique(arr){
var newArr = [];
for (var i=0;i<arr.length;i++ )
{
if ( arr.indexOf(arr[i]) == i )//通过遍历自身的位置是否一致来实现
{
newArr.push(arr[i]);
}
}
return newArr;
}
var arr =[1,4,3,3,4,5,1];
console.log(arr);
console.log(unique(arr));
</script>
法三:
<script type="text/javascript">
//两层for循环,是在原来的数组上进行删除
function unique2(arr){
for (var i=0;i<arr.length-1;i++ )
{
for (var j=i+1;j<arr.length;j++){
if (arr[i]===arr[j])
{
arr.splice(j,1);
length --;
}
}
}
return arr;
}
var arr =[1,4,3,3,4,5,1];
console.log(arr);
console.log(unique2(arr));
</script>
下面两种方式用ES6的集合实现
法四:<script type="text/javascript">
function unique4(arr){
return Array.from(new Set(arr));
}
var arr =[1,4,3,3,4,5,1];
console.log(arr);
console.log(unique4(arr));
</script>
法五:
<script type="text/javascript">
var arr =[1,4,3,3,4,5,1];
var newArr = [...new Set(arr)];
console.log(arr);
console.log(newArr);
</script>