JavaScript統計數組中相同的數量的方法總結

Posted on by

在JavaScript中，我們經常需要對數組中對象的屬性進行統計。例如，我們可能有一個包含產品名稱和數量的數組，我們需要統計每個產品名稱出現的次數，並將其數量相加。在本文中，我們將介紹如何使用JavaScript來實現這一功能。

實現方法

我們可以使用reduce()方法和一個對象來統計數組中相同關鍵詞的數量。reduce()方法是JavaScript中的一個高階函數，它接收一個回調函數作為參數，並迭代數組中的每個元素。回調函數上一次的返回值將成為下一次調用時的第一個參數。

const products = [
  { name: 'Apple', num: 2 },
  { name: 'Orange', num: 1 },
  { name: 'Banana', num: 3 },
  { name: 'Apple', num: 4 }
]

const result = products.reduce((acc, cur) => {
  if (acc[cur.name]) {
    acc[cur.name] += cur.num
  } else {
    acc[cur.name] = cur.num
  }
  return acc
}, {})

在上面的代碼中，我們定義瞭一個products數組，它包含瞭四個產品的名稱和數量。然後，我們使用reduce()方法將products數組轉換為一個對象。在回調函數中，我們檢查當前元素的名稱是否已經存在於對象中，如果是，則將數量相加，否則將當前元素添加到對象中。

使用方法

將上面的代碼放入一個函數中，將products數組作為參數傳遞給它，然後調用這個函數即可得到統計結果。

function countKeywords(products) {
  const result = products.reduce((acc, cur) => {
    if (acc[cur.name]) {
      acc[cur.name] += cur.num
    } else {
      acc[cur.name] = cur.num
    }
    return acc
  }, {})
  return Object.entries(result).map(([name, num]) => ({ name, num }))
}

在上面的代碼中，我們定義瞭一個名為countKeywords()的函數，並將products數組作為參數傳遞給它。函數返回一個新的數組，其中包含每個產品名稱以及相應的數量。

測試方法

我們可以使用以下代碼來測試countKeywords()函數：

const products = [
  { name: 'Apple', num: 2 },
  { name: 'Orange', num: 1 },
  { name: 'Banana', num: 3 },
  { name: 'Apple', num: 4 }
]

console.log(countKeywords(products))

在上面的代碼中，我們定義瞭一個products數組，並將其作為參數傳遞給countKeywords()函數。然後，我們將結果打印到控制臺中。

結論

在JavaScript中，我們可以使用reduce()方法和一個對象來統計數組中相同關鍵詞的數量。使用reduce()方法可以簡化代碼，而使用對象可以提高效率。通過封裝這些代碼並編寫一些測試用例，我們可以輕松地在JavaScript中實現這一功能。

以上就是JavaScript統計數組中相同的數量的方法總結的詳細內容，更多關於JavaScript統計數組的資料請關註WalkonNet其它相關文章！

推薦閱讀：