高效率去掉js数组中重复项

Array类型并没有提供去重复的方法,如果要把数组的重复元素干掉,那得自己想办法:
function unique(arr) {
    var result = [], isRepeated;
    for (var i = 0, len = arr.length; i < len; i++) {
        isRepeated = false;
        for (var j = 0, len = result.length; j < len; j++) {
            if (arr[i] == result[j]) {   
                isRepeated = true;
                break;
            }
        }
        if (!isRepeated) {
            result.push(arr[i]);
        }
    }
    return result;
}
//http://www.cnblogs.com/sosoft/ 此案例出处
总体思路是把数组元素逐个搬运到另一个数组,搬运的过程中检查这个元素是否有重复,如果有就直接丢掉。从嵌套循环就可以看出,这种方法效率极低。我们可以 用一个hashtable的结构记录已有的元素,这样就可以避免内层循环。恰好,在Javascript中实现hashtable是极为简单的,改进如 下:
function unique(arr) {
    var result = [], hash = {};
    for (var i = 0, elem; (elem = arr[i]) != null; i++) {
        if (!hash[elem]) {
            result.push(elem);
            hash[elem] = true;
        }
    }
    return result;
}
//http://www.cnblogs.com/sosoft/ 此案例出处

项目实际运用如下:

需求:4个模拟checkbox 选中的课程名称传入后台,不可重复传入

QQ截图20180427142514.png

Javascript :
 //课程选择
    $(".wrap").on('click','div',function(){
        var $this = $(this);
        var dataC = $this.find('.check').attr('data-className');
        $this.find('.check').toggleClass('active');//切换选中状态
        if ($this.find('.check').hasClass('active')){
            className.push(dataC); //选中的push进数组
        } else{
            className.splice(jQuery.inArray(dataC, className),1);
            //$.inArray 返回数组中指定元素的索引值
            //已经选过但是取消掉了,所以要把取消掉的从数组删除
        }  
    });
 //传入后台时的调用及判断  
    unique(className); //此函数在上面的案例中
    if (className.length == 0){
        alert('至少要选择一个课程哟');
        return false;
    }
    
Html :
 <ul class="wrap">
    <li>
        <div>
            <i class="h_01"> <img src="./images/h.png"> </i>
            <img src="./images/img01.jpg" alt="日教五十音">
            <span class="check active" data-className="日教带你学50音"></span>
            <p>
                <span>日教经典50音录播课</span>
                <span>全程外教 日语入门必学</span>
                <span>要学就学更地道的发音</span>
            </p>
        </div>
       
    </li>
</ul>  

扫描二维码,在手机上阅读!