<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>数组去重</title> <style> .main{ } .one, .two{ background-color: aqua; width: 100px; height: 100px; float: left; } .two{ background-color: blueviolet; } .erjiu{ width: 1000px; height: 50px; background-color: chartreuse; } .claerfix::after{ content: ''; clear: both; display: block; height: 0; visibility: hidden; } </style> </head> <body> <div class="main claerfix"> <div class="one"></div> <div class="two"></div> </div> <div class="erjiu"></div> </body> <script> // var arrys=['c','a','z','a','x','a','x','c','b']; // 封装去重函数 function selectArry(arrys){ var newArry=[]; //创建新的空数组 for(i=0;i<arrys.length;i++){ //遍历旧数组 // newArry.push(arrys); if(newArry.indexOf(arrys[i])===-1){ //如果新数组里没有旧数组里的某个元素 // 使用indexOf（）是因为如果遇到重复元素会自动选择第一个元素 // 添加到新数组后也不会打乱旧数组的顺序 newArry.push(arrys[i]); //就把该元素添加到新数组里 } } return newArry; //返回新数组 } // 调用函数 var one=selectArry(['c','a','z','a','x','a','x','c','b']) ; console.log(one); // console.log(newArry); //['c', 'a', 'z', 'x', 'b'] </script> </html>