用最简短的代码搞定数组去重

Posted 2020-10-26 百撕可乐

 用最简短的代码搞定数组去重，欢迎指正不足之处

 

       /* let numbers = [3, 8, 10, 18, 20];
        let num_test = [4, 5, 10, 18, 20];*/
        const arr_num = [3, 8, 10, 18, 20].concat([4, 5, 10, 18, 20]);
        let res =[];    
        $.each(arr_num,(item, index)=> {
               res.length==0 ||($.inArray(index,res)===-1) ? res.push(index) : null ;
         });

        console.log(res);
        // [3, 8, 10, 18, 20, 4, 5] 

 

 

前面为运用到一些es6的写法比较简短，简单的jquery写法为：

        var numbers = [3, 8, 10, 18, 20];
        var num_test = [4, 5, 10, 18, 20];
        var arr_num = numbers.concat(num_test);
        var res =[];    
       $.each(arr_num,function (item, index) {
             if(res.length==0 ||($.inArray(index,res)===-1) ){
                 res.push(index);
                 }else{
                  　return ;}
         });
        console.log(res);
        // [3, 8, 10, 18, 20, 4, 5] 

 

 关于三元运算符中不能用return的问题，条件 ? 例子1: 例子2;

网上查找无果，在实践过之后得知（ps：三元运算符也有人叫三目运算符）

 三元运算符/三目运算符 例子1和例子2不能是语句必须要有值，而return不是合法的有值表达式。

一开始我写的判断是：

 res.length==0 ||($.inArray(index,res)===-1) ? res.push(index) : return;
//报错
//SyntaxError: expected expression, got keyword ‘return‘

 

关于return:

retrun true； 返回正确的处理结果。
return false；返回错误的处理结果，终止处理。
return；把控制权返回给页面返回null，继续执行

 所以，在使用三元运算符实在需要使用return的话，可以直接写return的结果即可，避免使用return容易跳错