JS/lodash鴻溝陣列立足對象屬性

Question

比方說，我有這樣一個數組：

[ 
    { product: '...', price: 12 }, 
    { product: '...', price: 12 }, 
    { product: '...', price: 14 }, 
    { product: '...', price: 12 } 
] 

我想組此陣由價格和使用lodash的groupBy我會得到下面的結果：

[ 
    12: [ 
     { product: '...', price: 12 }, 
     { product: '...', price: 12 }, 
     { product: '...', price: 12 } 
     ], 
    14: [ 
     { product: '...', price: 14 } 
     ] 
] 

不錯，但我想有三個數組的數組，因爲我想保存某種順序相同的起步一樣陣列英寸我想得到這樣的結果：

[ 
    [ 
    { product: '...', price: 12 }, 
    { product: '...', price: 12 } 
    ], 
    [ 
    { product: '...', price: 14 } 
    ], 
    [ 
    { product: '...', price: 12 } 
    ] 
] 

是否有這樣的功能？

Answer 1

用純JS，你可以做到這一點使用forEach()循環，並保存在變量最後價格檢查，如果最後插入的元素具有相同的價格作爲當前一個。

var data = [ 
 
    { product: '...', price: 12 }, 
 
    { product: '...', price: 12 }, 
 
    { product: '...', price: 14 }, 
 
    { product: '...', price: 12 } 
 
] 
 

 
var result = [], last = null 
 
data.forEach(function(e, i) { 
 
    if(!this[e.price]) { 
 
    this[e.price] = [e]; 
 
    result.push(this[e.price]) 
 
    } else { 
 
    this[e.price].push(e) 
 
    } 
 
    if(last != e.price && i != 0) delete this[last] 
 
    last = e.price 
 
}, {}) 
 

 
console.log(result)

Answer 2

也許這個代碼將對你有幫助：

var myArray = [ 
 
    { product: '...', price: 12 }, 
 
    { product: '...', price: 12 }, 
 
    { product: '...', price: 14 }, 
 
    { product: '...', price: 12 } 
 
] 
 

 
var newArray = _.map(_.keyBy(myArray, "price")) 
 

 
console.log(newArray)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 3

你可以做這樣的事情使用lodash -

var count = 0; 
console.log(
_.values(_.groupBy(_.map(myArray, (item, index) => { 
     if(index == 0) return _.merge(item, { group : 0});; 
     if(myArray[index-1].price == item.price) 
      return _.merge(item, { group : count}); 
     return _.merge(item, { group : ++count}); 
     } 
    ), 'group')) 
); 

嘗試在這裏 - lodash-group-consequtive

Answer 4

你可以檢查最後插入陣列，並與實際價格測試中的第一項。如果匹配，則推送到最後一個數組，否則將新數組推送到結果集。

var data = [{ product: '...', price: 12 }, { product: '...', price: 12 }, { product: '...', price: 14 }, { product: '...', price: 12 }], 
 
    result = data.reduce(function (r, a) { 
 
     var last = r[r.length - 1] || [{}]; 
 
     if (last[0].price === a.price) { 
 
      last.push(a); 
 
     } else { 
 
      r.push([a]); 
 
     } 
 
     return r; 
 
    }, []); 
 

 
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }