js中陣列物件去重的方法
阿新 • • 發佈:2018-12-22
方法一:
採用物件訪問屬性的方法,判斷屬性值是否存在,如果不存在就新增。
方法二:
採用陣列中的reduce方法,遍歷陣列,也是通過物件訪問屬性的方法
var arr = [{ key: '01', value: '樂樂' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' },{ key: '04', value: '哈哈' },{ key: '01', value: '樂樂' }]; // 方法1:利用物件訪問屬性的方法,判斷物件中是否存在key var result = []; var obj = {}; for(var i =0; i<arr.length; i++){ if(!obj[arr[i].key]){ result.push(arr[i]); obj[arr[i].key] = true; } } console.log(result); // [{key: "01", value: "樂樂"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}] // 方法2:利用reduce方法遍歷陣列,reduce第一個引數是遍歷需要執行的函式,第二個引數是item的初始值 var obj = {}; arr = arr.reduce(function(item, next) { obj[next.key] ? '' : obj[next.key] = true && item.push(next); return item; }, []); console.log(arr); // [{key: "01", value: "樂樂"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]
若有不足請多多指教!希望給您帶來幫助!