第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

賬單列表如何將年份月份一樣的排在一起

賬單列表如何將年份月份一樣的排在一起

array:[{? ? ? ? ? ? ? ? ? ? "amount":5000,? ? ? ? ? ? ? ? ? ? "goodsInfo":"翡翠城租金",? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-04-20"? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? "amount":1200,? ? ? ? ? ? ? ? ? ? "goodsInfo":"五聯(lián)西苑租金",? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-04-25"? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? "amount":200,? ? ? ? ? ? ? ? ? ? "goodsInfo":"愛與家賓館",? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-04-30"? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? "amount":3800,? ? ? ? ? ? ? ? ? ? "goodsInfo":"丁香花園",? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-05-20"? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? "amount":2500,? ? ? ? ? ? ? ? ? ? "goodsInfo":"濱興小區(qū)",? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-05-28"? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? "amount":2800,? ? ? ? ? ? ? ? ? ? "goodsInfo":"濱苑小區(qū)",? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-06-08"? ? ? ? ? ? ? ? }]我從后臺(tái)拿到一組數(shù)據(jù)是如果這樣的，我要怎么提取出年份月份一樣的，將其排在一起變成像下面那個(gè)數(shù)組，后面有效果圖newArray:[? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":[? ? ? ? ? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "amount":5000,? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "goodsInfo":"翡翠城租金",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-04-20"? ? ? ? ? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "amount":1200,? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "goodsInfo":"五聯(lián)西苑租金",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-04-25"? ? ? ? ? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "amount":200,? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "goodsInfo":"愛與家賓館",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-04-30"? ? ? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? ]? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":[? ? ? ? ? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "amount":3800,? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "goodsInfo":"丁香花園",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-05-20"? ? ? ? ? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "amount":2500,? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "goodsInfo":"濱興小區(qū)",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-05-28"? ? ? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? ]? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":[? ? ? ? ? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "amount":2800,? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "goodsInfo":"濱苑小區(qū)",? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-06-08"? ? ? ? ? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? ? ? ]? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ]
查看完整描述

3 回答

已采納
?
橋本奈奈未

TA貢獻(xiàn)436條經(jīng)驗(yàn) 獲得超108個(gè)贊

<!DOCTYPE?html><html?lang="en"><head><meta?charset="UTF-8"><meta?name="viewport"?content="width=device-width,?initial-scale=1.0"><meta?http-equiv="X-UA-Compatible"?content="ie=edge"><title>Document</title><style>.record?{border:?1px?solid?#ccc;margin:?20px?0;}.record-header-time?{display:?block;line-height:?50px;background:?lightblue;}.record-item?{display:?flex;height:?100px;align-items:?center;border-bottom:?1px?solid?#ccc;}</style></head><body><div?id="app"></div><script>var?datas?=?[{"amount":?5000,"goodsInfo":?"翡翠城租金","tradeTime":?"2019-04-20"},{"amount":?100,"goodsInfo":?"萬象城租金","tradeTime":?"2019-04-20"},{"amount":?200,"goodsInfo":?"萬里長城租金","tradeTime":?"2019-04-20"},{"amount":?1200,"goodsInfo":?"五聯(lián)西苑租金","tradeTime":?"2019-04-25"},{"amount":?1100,"goodsInfo":?"新河苑租金","tradeTime":?"2019-04-25"},{"amount":?200,"goodsInfo":?"愛與家賓館","tradeTime":?"2019-04-30"},{"amount":?3800,"goodsInfo":?"丁香花園","tradeTime":?"2019-05-20"},{"amount":?2500,"goodsInfo":?"濱興小區(qū)","tradeTime":?"2019-05-28"},{"amount":?2800,"goodsInfo":?"濱苑小區(qū)","tradeTime":?"2019-06-08"}];function?appendItem(el,item){var?$item?=?document.createElement('div');var?$time?=?document.createElement('time');var?$info?=?document.createElement('span');var?$amount?=?document.createElement('span');$item.className?=?'record-item';$time.className?=?'record-item-time';$info.className?=?'record-item-goods';$amount.className?=?'record-item-amount';$time.textContent?=?item.tradeTime;$info.textContent?=?item.goodsInfo;$amount.textContent?=?item.amount;$item.appendChild($time);$item.appendChild($info);$item.appendChild($amount);el.appendChild($item);}function?appendHeaderTime(el,?time){var?$time?=?document.createElement('time');$time.className?=?'record-header-time';$time.textContent?=?time;el.appendChild($time);}var?frag?=?document.createDocumentFragment();for(var?i?=?0;i<datas.length;i++)?{var?$wrapper?=?document.createElement('div');var?v?=?datas[i];$wrapper.className?=?'record';appendHeaderTime($wrapper,?v.tradeTime);appendItem($wrapper,?v);for(var?j?=?i+1;j<datas.length;j++)?{var?o?=?datas[j];if(v.tradeTime?===?o.tradeTime)?{appendItem($wrapper,o);continue;}i?=?j-1;break;}frag.appendChild($wrapper);}document.getElementById('app').appendChild(frag);</script></body></html>

既然已經(jīng)有人說了如何提取同時(shí)間數(shù)據(jù)，那我就不按題主要求來了，在不修改數(shù)據(jù)基礎(chǔ)上實(shí)現(xiàn)題主所要求的目的。一般來說后端提供的數(shù)據(jù)雖然沒有分時(shí)間給，但一般會(huì)按時(shí)間順序給。所以這里假設(shè)時(shí)間是有序的，那么就可以循環(huán)去比較時(shí)間然后去做對(duì)應(yīng)的DOM渲染。

方法有很多，這里使用循環(huán)是一個(gè)比較容易理解和想到的方案。也可以采用遞歸去處理。

關(guān)于代碼沒有美化問題，因?yàn)閺?fù)制到編輯器就這樣我就不換了，使用編輯器格式化一下即可。

查看完整回答
反對(duì) 回復(fù) 2019-06-07
?
我乃張真人

TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超0個(gè)贊

格式改為這樣吧：

newArray:{

????"2014-04":[

?????????????????{

????????? ? ?? ? ? ? ? ?"amount":5000,

????????? ? ? ? ? ? ? ? ?"goodsInfo":"翡翠城租金",

????????? ? ? ? ? ? ? ? "tradeTime":"2019-04-20"

????????? ? ? ? ?},

? ? ? ? ? ? ? ? ?{

? ? ? ? ? ? ? ? ? ? ?"amount":1200,

? ? ? ? ? ? ? ? ? ? ? "goodsInfo":"五聯(lián)西苑租金",

? ? ? ? ? ? ? ? ? ? ? ? "tradeTime":"2019-04-25"

? ? ? ? ? ? ? ? ?},

? ? ? ? ? ? ? ? ?{

? ? ? ? ? ? ? ? ? ? ? ? "amount":200,

? ? ? ? ? ? ? ? ? ? ? ? ?"goodsInfo":"愛與家賓館",

? ? ? ? ? ? ? ? ? ? ? ? ? ?"tradeTime":"2019-04-30"

? ? ? ? ? ? ? ? ? ?}

????]

}


查看完整回答
反對(duì) 回復(fù) 2019-06-06
  • 3 回答
  • 0 關(guān)注
  • 3115 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)