尚硅谷-尚品汇项目开发总结（第九天）

16：v-if与v-for不能够同时使用

        16.1 vue官方文档指出，不建议将v-if与v-for同时使用，因为v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中，所以不推荐同时使用v-if 和 v-for。

        16.2 解决方法

        可以创建一个父元素将v-for进行包裹，将v-if写在父元素上。

        16.3 v-if与v-show的区别：v-if具有惰性，当条件不成立时，不会进行渲染，且在销毁时是把组件进行销毁；而v-show是将组件进行渲染，然后判断之后用display进行切换

17：数组去重

        17.1 indexOf：当数组中没有这个数时，则添加

function dedup(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,2,2,3,4,4,5,1,3];
var newArr = dedup(arr);
console.log(newArr);

         17.2 双重循环去重

function dedup(arr){
    var newArr = [];
    for(var i = 0; i < arr.length; i++){
        for(var j = i+1; j < arr.length; j++){
            if(arr[i] == arr[j]){
                ++i;
            }
        }
        newArr.push(arr[i]);
    }
    return newArr;
}
var arr = [1,2,2,3,5,3,6,5];
var newArr = dedup(arr);
console.log(newArr);

        17.3 利用Object内属性是否存在去重

function dedup(arr){
    var res = [];
    var obj = {};
    for(var i=0; i<arr.length; i++){
       if( !obj[arr[i]] ){
            obj[arr[i]] = 1;
            res.push(arr[i]);
        }
    } 
 return res;
}
var arr = [1,2,2,3,5,3,6,5];
var res = dedup(arr)
console.log(res );