鍍金池/ 問答/HTML/ 這段代碼不是很理解,求幫忙科普下。

這段代碼不是很理解,求幫忙科普下。

這段代碼不是很理解,求大神幫忙科普下。主要是2個for循環(huán)中的代碼有點沒看懂,方便的話給加上注釋解釋下。

     var array =  ['c', 'a', 'z', 'a', 'x', 'a'];
            function clear() {
                var o = {};//字面量方式創(chuàng)建個空對象
                for(var i = 0; i < array.length; i++) {
                    var item = array[i];//這段及以下代碼怎么理解?
                    if(o[item]) {
                        o[item]++;
                    } else {
                        o[item] = 1;
                    }
                }//end for
                var tmpArray = [];
                for(var key in o) {
                    if(o[key] == 1) {
                        tmpArray.push(key);
                    } else {
                        if(tmpArray.indexOf(key) == -1) {
                            tmpArray.push(key);
                        }
                    }
                }//end for
                return tmpArray;
            }//end function
            
            console.log(clear(array));
回答
編輯回答
款爺

1、第一個for循環(huán):
創(chuàng)建對象存儲數(shù)組元素出現(xiàn)次數(shù),采用鍵值對表示
2、第二個for循環(huán):
對創(chuàng)建后的對象遍歷,如果值為1,說明他在原數(shù)組中只出現(xiàn)一次并存入新數(shù)組中,如果值不為1并且新數(shù)組中不存在則這個值也存入新數(shù)組中

后面返回的就是去重后的數(shù)組

2017年6月7日 03:31
編輯回答
吢涼

@shoyuf 答案是對的,本段代碼是通過Object key值的唯一性進(jìn)行數(shù)組去重,然而這種方法僅僅對字符串?dāng)?shù)組去重有效,因為最終它是取對象的key值push進(jìn)tmpArray,而對象的key值是字符串類型。如果需要去重的數(shù)組是[1, 1, 4, 8, 10, 8],根據(jù)此方法最終得到的結(jié)果是['1', '4', '8', '10'],改變了數(shù)據(jù)的類型,所以在不知道數(shù)組具體數(shù)據(jù)的類型時,不建議使用。
推薦一種數(shù)組去重的簡單方法:

var array = ['c', 'a', 'z', 'a', 'x', 'a'];
var newArr = [...new Set(array)];
2017年1月23日 23:21
編輯回答
陌璃

你把console.log(o)寫在//end for后面,就懂了

2017年12月1日 23:53
編輯回答
久礙你

這代碼真的是奇葩!

樓上說的用set當(dāng)然是可以的。

var newArr = [...new Set(array)];

如果你要自己實現(xiàn)也非常簡單

var array =  ['c', 'a', 'z', 'a', 'x', 'a'];
function distinct(arr) {
    const ret = {}
    arr.forEach(item => ret[item] = true);
    return Object.keys(ret)
}
distinct(array) // ['c', 'a', 'z', 'x']
2018年4月26日 13:54
編輯回答
別逞強(qiáng)
var array =  ['c', 'a', 'z', 'a', 'x', 'a'];
            function clear() {
                var o = {};//字面量方式創(chuàng)建個空對象
                for(var i = 0; i < array.length; i++) {
                    var item = array[i];//這段及以下代碼怎么理解?
                    console.log(item,o[item],o)
                    if(o[item]) {
                        o[item]++;
                    } else {
                        o[item] = 1;
                    }
                }//end for
                var tmpArray = [];
                for(var key in o) {
                    if(o[key] == 1) {
                        tmpArray.push(key);
                    } else {
                        if(tmpArray.indexOf(key) == -1) {
                            tmpArray.push(key);
                        }
                    }
                }//end for
                return tmpArray;
            }//end function
            
            console.log(clear(array));

通過Object key 唯一性去除數(shù)組中重復(fù)的值,代碼質(zhì)量不高,不看也罷

2017年7月18日 02:23