數(shù)組方法

1.匯總數(shù)據(jù)

 const customer = [
{id: 1, count: 2},
{id: 2, count: 89},
{id: 3, count: 1}
];
function getSum(total, currentValue, current, arr) {
    // total每次返回計(jì)算之后相加的總和,currentValue當(dāng)前的元素台谊,current當(dāng)前的序號,arr當(dāng)前的數(shù)組
    debugger;
    return total + currentValue.count
}
const totalCount = customer.reduce(getSum, 0) // 表示total的初始值
console.log(totalCount); // 返回計(jì)算的結(jié)果

2.改變數(shù)據(jù)結(jié)構(gòu)

let produts = [
    {
        id: '123',
        name: '蘋果'
    },
    {
        id: '345',
        name: '橘子'
    }
];
  // reduce改變數(shù)據(jù)結(jié)構(gòu)
const produtsById = produts.reduce(
    (obj, product) => {
        obj[product.id] = product.name
        return obj
    },
    {}
);
console.log('[result]:', produtsById)  // {123:'蘋果', 345: '橘子'}

3.對象裝換query字符串

const params = {
    color: 'red',
    minPrice: 8000,
    maxPrice: 10000,
}
const query = '?' + Object.keys(params) // 返回對象key的數(shù)組
.map(k => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])).join('&');
console.log(query) // ?color=red&minPrice=8000&maxPrice=10000
  1. 搜索匹配的數(shù)組元素
 const posts = [
    {id: 1, title: 'Title 1'},
    {id: 2, title: 'Title 2'},
];
const title = posts.find(p => p.id === 1); // 過濾元素(返回對象匹配的第一個元素)
console.log(title)
/*
  和filter區(qū)別:
  filter返回是數(shù)組宦焦,返回滿足條件的所有元素
  find返回的是對象咨堤,返回滿足條件的第一個元素
*/

5.返回匹配的對象數(shù)組元素的index

const posts = [
    {id: 1, title: 'Title 1'},
    {id: 2, title: 'Title 2'},
    {id: 22, title: 'Title 22'}
];

const index = posts.findIndex(p => p.id === 22); // 2

6.刪除某個字段

const user = {
    name: 'wuXiaoHui',
    age: '25',
    password: '19931102',
}

const userWithoutPassword = Object.keys(user) // 返回user里面key的數(shù)組
            .filter(key => key !== 'password') // 原數(shù)組篩選調(diào)特定的字段
            .map((key, value) => ({[key]: user[key]})) // 每個數(shù)組元素進(jìn)行處理菇篡,返回對象數(shù)組
            .reduce((accumulator, current) => ({...accumulator, ...current}), {}); // reduce進(jìn)行對象的拼接

            console.log(userWithoutPassword)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市一喘,隨后出現(xiàn)的幾起案子驱还,更是在濱河造成了極大的恐慌,老刑警劉巖凸克,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件议蟆,死亡現(xiàn)場離奇詭異,居然都是意外死亡萎战,警方通過查閱死者的電腦和手機(jī)咐容,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蚂维,“玉大人戳粒,你說我怎么就攤上這事〕嫔叮” “怎么了蔚约?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵,是天一觀的道長涂籽。 經(jīng)常有香客問我苹祟,道長,這世上最難降的妖魔是什么评雌? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任树枫,我火速辦了婚禮,結(jié)果婚禮上景东,老公的妹妹穿的比我還像新娘砂轻。我一直安慰自己,他們只是感情好斤吐,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布舔清。 她就那樣靜靜地躺著,像睡著了一般曲初。 火紅的嫁衣襯著肌膚如雪体谒。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天臼婆,我揣著相機(jī)與錄音抒痒,去河邊找鬼。 笑死颁褂,一個胖子當(dāng)著我的面吹牛故响,可吹牛的內(nèi)容都是我干的傀广。 我是一名探鬼主播,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼彩届,長吁一口氣:“原來是場噩夢啊……” “哼伪冰!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起樟蠕,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤贮聂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后寨辩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吓懈,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年靡狞,在試婚紗的時候發(fā)現(xiàn)自己被綠了耻警。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡甸怕,死狀恐怖甘穿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情梢杭,我是刑警寧澤温兼,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站式曲,受9級特大地震影響妨托,放射性物質(zhì)發(fā)生泄漏缸榛。R本人自食惡果不足惜吝羞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望内颗。 院中可真熱鬧钧排,春花似錦、人聲如沸均澳。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽找前。三九已至糟袁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間躺盛,已是汗流浹背项戴。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留槽惫,地道東北人周叮。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓辩撑,卻偏偏與公主長得像,于是被迫代替她去往敵國和親仿耽。 傳聞我的和親對象是個殘疾皇子合冀,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,922評論 2 361

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