成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

如何在 JavaScript 中使用數(shù)組歸約器實現(xiàn) SQL 聚合函數(shù)

開發(fā) 前端
SQL查詢中的聚合函數(shù)對一個或多個值執(zhí)行計算,并返回單個值。

SQL查詢中的聚合函數(shù)對一個或多個值執(zhí)行計算,并返回單個值。

  • Count計算行數(shù)。
  • Sum從給定的列中添加所有值。
  • Min和Max返回指定列的最低和最高值。
  • AVG計算給定列中所有值的平均值。

在所有示例中,我們將使用下表。

Articles
Title | Views
3 Ways of Invoking a Method | 123
3 Iterables Converted Into Arrays | 88
How to Find Elements in Array | 402
How to Position a Div | 103

以下是文章對象的相應(yīng)數(shù)組。

const articles = [
{title: '3 Ways of Invoking a Method', views: 123},
{title: '3 Iterables Converted Into Arrays', views: 88},
{title: 'How to Find Elements in Large Arrays', views: 402},
{title: 'How to Position a Div Element', views: 103}
]

RELAD方法使用還原函數(shù)將所有值從數(shù)組匯總為單個值,它在數(shù)組的每個元素上執(zhí)行給定的還原函數(shù)。

我們可以編寫不同的還原函數(shù),并計算與SQL查詢中的聚合函數(shù)相同的聚合物。

Count?

下一個SQL查詢計算文章表中的行數(shù)。

SELECT COUNT(*)
FROM Articles

為了在數(shù)組中獲取對象的數(shù)量,我們可以簡單地訪問長度屬性。

articles.length

盡管如此,我們可以編寫一個不計算數(shù)組中未定義值的還原器。如果當(dāng)前元素不是無效的,則計算值在每個步驟中會增加。

function count(total, article){
return (article != null && article !== undefined) ? total + 1 : total;
}

總聚合值用0初始化。請注意,第二個參數(shù)傳遞給了Reduce方法。

const noOfArticles= articles.reduce(count, 0);

Sum

下一個SQL查詢從表中的所有文章中檢索了視圖總數(shù)。

SELECT SUM(Views)
FROM Articles

我們可以使用以下還原函數(shù)從一系列對象計算總視圖。它采用到目前為止計算的觀點總數(shù)和當(dāng)前文章,它從文章中提取視圖數(shù)量,并將其廣告為總數(shù)。

function sum(total, article){
const {views} = article;
return total + views;
}

進(jìn)行此計算時,我們從0開始作為視圖總數(shù)。

const total = articles.reduce(sum, 0);

先前的解決方案很好,它可以執(zhí)行所需的計算,但太具體了。讓我們嘗試編寫一個更通用的功能,該功能以用于計算總和的屬性名稱。

function sum(propName){}

事實是,Reduce方法使用兩個參數(shù)調(diào)用還原函數(shù)。第一個是到目前為止計算的匯總值,第二個參數(shù)是當(dāng)前元素。Reduce方法不會發(fā)送我們要接受的屬性名稱。

解決方案是使Sum函數(shù)獲取所需的屬性名稱,然后,返回Reduce方法所需的還原功能。

這是一個例子。

function sum(propName){
return function(total, obj){
const {[propName]: value} = obj;
return total + value;
}
}

請注意,我們?nèi)绾问褂闷茐姆峙湔Z法將對象從對象中動態(tài)提取為稱為值的新變量。

const {[propName]: value} = obj;

在下面的總和函數(shù)下方創(chuàng)建了Reduce方法使用的還原函數(shù)。

const total = articles.reduce(sum('views'), 0);

將另一個函數(shù)作為輸入或返回函數(shù)的功能是高階函數(shù),Sum是一個高階函數(shù)。

Min

下一個SQL查詢使用最小聚合函數(shù)來顯示文章中的最小視圖數(shù)量。

SELECT MIN(Views)
FROM Articles
//88

使用還原器可以實現(xiàn)相同的結(jié)果,該還原器迄今為止計算出的最小視圖數(shù)量和當(dāng)前文章對象。當(dāng)當(dāng)前文章的視圖少于到目前為止計算的當(dāng)前最小值時,當(dāng)前的視圖數(shù)將成為新的最小值。

function min(propName){
return function(minimum, obj){
const {[propName]: value} = obj;
return value < minimum ? value : minimum;
}
}

我們需要回答另一個問題,計算總和0是初始值。計算最小值時的初始值是多少?

一個不錯的選擇是將第一篇文章中的視圖數(shù)量用作最初的最小值。

const minum = articles.reduce(min('views'), articles[0].views);

Max

下面的SQL查詢應(yīng)用最大聚合函數(shù)以找到最大視圖數(shù)。

SELECT MAX(Views)
FROM Articles

最大函數(shù)以屬性名稱檢查并返回還原功能,還原器到目前為止獲得了計算的最大值和當(dāng)前對象。當(dāng)當(dāng)前對象的視圖大于迄今為止計算的值大的視圖時,當(dāng)前視圖數(shù)量變?yōu)樾碌淖畲笾怠7駝t,返回已經(jīng)計算的最大值。

function max(propName){
return function(maximum, obj){
const {[propName]: value} = obj;
return value > maximum ? value : maximum;
}
}

調(diào)用減少方法時,我們可以從0開始作為初始視圖數(shù)量。

const total = articles.reduce(max('views'), 0);
console.log(total);

Avg

下面的查詢使用AVG函數(shù)計算所有文章的平均視圖數(shù)量。

SELECT AVG(Views)
FROM Articles

平均值基本上是通過數(shù)字或文章潛入所有視圖總和的結(jié)果,我們可以使用先前的Sum 還原器來計算視圖總數(shù),然后通過數(shù)組中的元素數(shù)進(jìn)行潛水。

const total= articles.reduce(sum('views'), 0);
const averageViews = total / articles.length;

寫在最后

SQL查詢中的聚合函數(shù)允許將幾行的值匯總到計算值中。

Reduce數(shù)組方法允許將數(shù)組中的所有元素匯總到單個值中。

我們可以實現(xiàn) reducer 函數(shù),并計算與SQL查詢中的匯總函數(shù)相同的聚合物。

責(zé)任編輯:華軒 來源: web前端開發(fā)
相關(guān)推薦

2019-04-23 15:20:26

JavaScript對象前端

2024-11-04 15:30:43

Python裝飾器函數(shù)

2022-05-10 09:12:16

TypeScript裝飾器

2023-03-05 19:28:11

JavaScripCSS

2018-10-11 09:40:53

前端JavaScript編程語言

2020-09-09 07:00:00

TensorFlow神經(jīng)網(wǎng)絡(luò)人工智能

2023-08-24 10:24:54

GitLabPodman

2021-03-11 23:43:20

JavaScript數(shù)組開發(fā)

2021-03-18 10:45:02

JavaScript數(shù)組運算符

2019-09-16 19:00:48

Linux變量

2020-11-30 11:55:07

Docker命令Linux

2014-07-02 09:47:06

SwiftCocoaPods

2020-04-09 10:18:51

Bash循環(huán)Linux

2024-09-06 11:34:15

RustAI語言

2023-04-06 11:10:31

閉包JavaScript

2020-08-02 23:56:34

JavaScript函數(shù)代碼

2022-05-17 08:25:10

TypeScript接口前端

2022-06-23 08:00:53

PythonDateTime模塊

2021-06-09 09:36:18

DjangoElasticSearLinux

2021-03-09 07:27:40

Kafka開源分布式
點贊
收藏

51CTO技術(shù)棧公眾號

主站蜘蛛池模板: 国产伦精品一区二区三区照片91 | 久久精品电影 | 亚洲444eee在线观看 | 日本黄色激情视频 | 国产精品视频一区二区三区四蜜臂 | 国产精品爱久久久久久久 | 日韩欧美精品在线 | 午夜视频在线 | 人人人人干 | 久久精品一区二 | 天天干,夜夜操 | 91夜色在线观看 | 一区在线播放 | 精品久久久久久久久久 | 欧美xxxx网站 | 欧美综合精品 | 一区二区三区免费 | 午夜视频一区二区三区 | 91综合网| 五月天婷婷激情 | 九九亚洲 | 精品一区二区在线观看 | 国产一区亚洲 | 国产高清免费视频 | 福利片一区二区 | 亚洲一区二区久久 | 男女视频免费 | 国产午夜精品一区二区三区四区 | 成人激情视频免费在线观看 | 天天综合国产 | 国产美女在线免费观看 | 成人欧美日韩一区二区三区 | 九色 在线 | 一区中文字幕 | 色吧久久 | 国际精品鲁一鲁一区二区小说 | 国产精品免费一区二区三区 | 一区二区免费 | 中文字幕啪啪 | 中国三级黄色录像 | 精品国产久 |