數組去重的五種方式

法一：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>