JavaScript

1.document.getElementById 得到的是單個(gè)元素
2.document.getElementByClassName得到的是數(shù)組

原生object轉(zhuǎn)array:

Object.values(object)

對(duì)某個(gè)字段進(jìn)行累加:

 const totalSum = mapData.reduce(function (total, currentValue, currentIndex, arr) {
          return total + currentValue.count;
        }, 0);

字段名.reduce((x,y) => x + y , 0)

截取當(dāng)前天數(shù)前幾天的日期

var currentDay = new Date().getDay();

    if (currentDay === 0) {

      currentDay = 7; //定義前幾天的值

    }

var dates = Array.from({length: currentDay - 1}, (v, k) => k + 1).reverse().map(number => {

    var date = new Date();

    date.setDate(date.getDate() - number);

    return date.toJSON().slice(0, 10);

});

匹配倆個(gè)數(shù)組不一樣的值

getArrDifference(arr1, arr2) {

    return arr1.concat(arr2).filter(function(v, i, arr) {

        return arr.indexOf(v) === arr.lastIndexOf(v);

    });

  }


數(shù)組去重

var arr = [1,2,3,3,1,4];
[...new Set(arr)]; // [1, 2, 3, 4]
Array.from(new Set(arr)); // [1, 2, 3, 4]
[...new Set('ababbc')].join(''); // "abc" 字符串去重
new Set('ice doughnut'); //["ice","doughnut"]

并集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var union = new Set([...a, ...b]); // {1, 2, 3, 4}

交集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var intersect = new Set([...a].filter(x => b.has(x))); // {2, 3}

差集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var difference = new Set([...a].filter(x => !b.has(x))); // {1}

數(shù)組json根據(jù)某一個(gè)字段進(jìn)行排序

用到lodash.js


image.png

對(duì)象數(shù)組根據(jù)某個(gè)重復(fù)的字段對(duì)字段數(shù)據(jù)進(jìn)行累加

const data  = [
    { time: '2021-02-24', count: '0' },
    { time: '2021-02-25', count: '57' },
    { time: '2021-02-26', count: '14994' },
    { time: '2021-02-27', count: '0' },
    { time: '2021-02-28', count: '5' },
    { time: '2021-03-01', count: '0' },
    { time: '2021-03-02', count: '0' },
    { time: '2021-03-03', count: '0' },
    { time: '2021-03-04', count: '0' },
    { time: '2021-03-05', count: '0' },
    { time: '2021-03-06', count: '0' },
    { time: '2021-03-07', count: '0' },
    { time: '2021-03-08', count: '0' },
    { time: '2021-03-09', count: '0' },
    { time: '2021-03-10', count: '0' },
    { time: '2021-03-11', count: '0' },
    { time: '2021-03-12', count: '1' },
    { time: '2021-03-12', count: '0' },
    { time: '2021-03-13', count: '0' },
    { time: '2021-04-1', count: '0' },
    { time: '2021-04-2', count: '0' },
    { time: '2021-04-3', count: '5' },
    { time: '2021-04-4', count: '1' },
    { time: '2021-12-4', count: '1' },
    { time: '2021-11-4', count: '1' },
    { time: '2021-11-30', count: '1' },
  ]
  let oneData = []

  const tdata = data.map(reward => { 
    return {
      time : reward.time.split('-')[1],   //根據(jù)‘-’截取相同月份
      count: Number(reward.count)
    }
  })
  const arr1 = tdata.reduce((total, cur, index) => {
    let hasValue = total.findIndex(current => { return current.time === cur.time})
    hasValue === -1 && total.push(cur)
    hasValue !== -1 && (total[hasValue].count = total[hasValue].count + cur.count)
    return total
  }, [])

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子风纠,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,734評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡痪欲,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門攻礼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)业踢,“玉大人,你說(shuō)我怎么就攤上這事礁扮≈伲” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,133評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵太伊,是天一觀的道長(zhǎng)雇锡。 經(jīng)常有香客問(wèn)我,道長(zhǎng)僚焦,這世上最難降的妖魔是什么锰提? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,532評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮芳悲,結(jié)果婚禮上立肘,老公的妹妹穿的比我還像新娘。我一直安慰自己名扛,他們只是感情好谅年,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著肮韧,像睡著了一般融蹂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上弄企,一...
    開(kāi)封第一講書(shū)人閱讀 51,462評(píng)論 1 302
  • 那天超燃,我揣著相機(jī)與錄音,去河邊找鬼桩蓉。 笑死淋纲,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的院究。 我是一名探鬼主播洽瞬,決...
    沈念sama閱讀 40,262評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼业汰!你這毒婦竟也來(lái)了伙窃?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,153評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤样漆,失蹤者是張志新(化名)和其女友劉穎为障,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,587評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鳍怨,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評(píng)論 3 336
  • 正文 我和宋清朗相戀三年呻右,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鞋喇。...
    茶點(diǎn)故事閱讀 39,919評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡声滥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出侦香,到底是詐尸還是另有隱情落塑,我是刑警寧澤,帶...
    沈念sama閱讀 35,635評(píng)論 5 345
  • 正文 年R本政府宣布罐韩,位于F島的核電站憾赁,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏散吵。R本人自食惡果不足惜龙考,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評(píng)論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望错蝴。 院中可真熱鬧洲愤,春花似錦颓芭、人聲如沸顷锰。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,855評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)官紫。三九已至,卻和暖如春州藕,著一層夾襖步出監(jiān)牢的瞬間束世,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,983評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工床玻, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留毁涉,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,048評(píng)論 3 370
  • 正文 我出身青樓锈死,卻偏偏與公主長(zhǎng)得像贫堰,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子待牵,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • JS基礎(chǔ) 頁(yè)面由三部分組成:html:超文本標(biāo)記語(yǔ)言其屏,負(fù)責(zé)頁(yè)面結(jié)構(gòu)css:層疊樣式表,負(fù)責(zé)頁(yè)面樣式j(luò)s:輕量級(jí)的腳...
    小賢筆記閱讀 603評(píng)論 0 5
  • JavaScript語(yǔ)言精粹 前言 約定:=> 表示參考相關(guān)文章或書(shū)籍; JS是JavaScript的縮寫(xiě)缨该。 本書(shū)...
    微笑的AK47閱讀 581評(píng)論 0 3
  • Menu 第5章 引用類型5.1 Object類型5.2 Array類型5.4 RegExp 類型5.4.2 Re...
    ft207741閱讀 348評(píng)論 0 0
  • 數(shù)組&對(duì)象&正則表達(dá)式 1 數(shù)組 數(shù)組的概念 :JavaScript數(shù)組是指將多個(gè)數(shù)據(jù)對(duì)象編碼存儲(chǔ)偎行、提供一致的存取...
    不甘做條咸魚(yú)的江河弟弟閱讀 316評(píng)論 0 0
  • 參考基礎(chǔ)教程的整理,方便記憶 一、Object對(duì)象 (O大寫(xiě)) 所有其他對(duì)象都繼承自這個(gè)對(duì)象蛤袒。Object本身也是...
    Viaphlyn閱讀 2,320評(píng)論 0 0