91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

reduce怎么使用

發布時間:2022-07-28 13:59:04 來源:億速云 閱讀:107 作者:iii 欄目:開發技術

本文小編為大家詳細介紹“reduce怎么使用”,內容詳細,步驟清晰,細節處理妥當,希望這篇“reduce怎么使用”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

參數介紹

array.reduce((pre, cur, index, arr)=>{
	...
}, init);
  • pre: 必需。初始值, 或者計算結束后的返回值。

  • cur: 必需。當前元素。

  • index: 可選。當前元素的索引。

  • arr: 可選。當前元素所屬的數組對象。

  • init: 可選。傳遞給函數的初始值,相當于pre的初始值。

reduce里面有一定要return,return出去的值也要注意

 const b = [1, 2, 3, 4]
 b.reduce((x, y) => console.log(x, y), 0)

如果有初始值,先取初始值為0,然后取數組第一個值,再取它們(x,y)的返回值為undefined,然后再取數組的第二個值,依次類推

reduce怎么使用

舉例說明

1.把數組合并為一個對象

//正常使用forEach循環
let arr = [{ a: 1, b: 10 }, { a: 2, b: 20 }, { a: 3, b: 30 }]
let obj = {}
arr.forEach((item, index) => {
    Object.keys(item).forEach(each => {
        obj[`${each}${index + 1}`] = item[each]
    })
})
console.log(obj);    //{a1:1,a2:2,a3:3,b1:10,b2:20,b3:30}

//使用reduce遍歷,可以看出區別在于初始值,以及reduce中必須要return你想要的值
let a = arr.reduce((pre, cur, index) => {
    Object.keys(cur).forEach((item) => {
        pre[`${item}${index + 1}`] = cur[item]
    })
    return pre
}, {})
console.log(a);     //{a1:1,a2:2,a3:3,b1:10,b2:20,b3:30}

2.去重

2.1.基本數據類型去重

let arr2 = [9, 4, 3, 6, 9];
//基本類型去重
let set = arr2.reduce((pre, cur) => {
    !pre.includes(cur) && pre.push(cur)
    return pre
}, [])
console.log(set);  //[9,4,3,6]

2.2.引用數據類型去重

let list = [
    {
        subject: "數學",
        marks: 80
    },
    {
        subject: "語文",
        marks: 90
    },
    {
        subject: "英語",
        marks: 80
    },
]
function arrSet(value,arr) {
    let obj = {}
    let res = arr.reduce((pre, cur) => {
        if (!obj[cur[value]]) {
            obj[cur[value]] = true
            pre.push(cur)
        }
        return pre
    }, [])
    return res
}
let result = arrSet("marks",list);
console.log(result);  //[{subject:"數學",marks:80},{subject:"語文":90}]

3.求和

3.1.基本數據類型求和

let arr2 = [9, 4, 3, 6, 9];
let sum = arr2.reduce((pre, cur) => {
    return pre + cur
},0)
console.log(sum)   //31

3.2.引用數據類型求和

let arr = [
  {
    value: 45,
  },
  {
    value: 88,
  },
  {
    value: 101,
  },
];
let newArr = arr.reduce((pre, cur) => {
  return pre + cur.value;
}, 0);
console.log(newArr);   //234

4.求最大值和最小值

let arr2 = [9, 4, 3, 6, 9];
let max = arr2.reduce((prev, cur)=> {
    return Math.max(prev, cur);
})
let min= arr2.reduce((prev, cur)=> {
    return Math.min(prev, cur);
})
console.log(max,min);   //9,3

5.扁平數組

5.1 二維數組轉化為一維

let arr = [[1, 2, 8], [3, 4, 9], [5, 6, 10]];
let res = arr.reduce((pre, cur) => {
    return pre.concat(cur)
},[]);
console.log(res)  //[1, 2, 8, 3, 4, 9, 5, 6, 10]

5.2 多維數組轉化為一維

let arr = [[1, [2, 8]], [3, 4, 9], [5, [6, 10]]]
function fn(arr) {
  return arr.reduce((pre, cur) => {
    return pre.concat(Array.isArray(cur) ? fn(cur) : cur);
  }, []);
}
const newArr = fn(arr);
console.log(newArr); //[1, 2, 8, 3, 4, 9, 5, 6, 10]

6.求字符串中各個字符出現的次數 

const str = 'jordanbryantjamescurrydurant';
const res1 = str.split('').reduce((pre, cur) => {
    pre[cur] ? pre[cur]++ : pre[cur] = 1;
    return pre;
}, {});
console.log(res1);  //{j:2,o:1,r:5,d:2,...}
let arr = []
let num = Math.max(...new Set(Object.values(res1)))
let value;
for (let keys in res1) {
    if (res1[keys] == num) {
        value = keys
        break
    }
}
console.log(`出現最多的字母為${value},出現的次數為${num}次`); //出現最多的字母為r,出現的次數為5次

讀到這里,這篇“reduce怎么使用”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

云浮市| 航空| 蚌埠市| 通江县| 平遥县| 金门县| 通州市| 大港区| 隆德县| 徐闻县| 灵璧县| 彰化县| 丹巴县| 利辛县| 海晏县| 象山县| 崇州市| 长武县| 彰化市| 澎湖县| 汽车| 宽甸| 永昌县| 芜湖市| 江山市| 乐平市| 新余市| 锡林郭勒盟| 即墨市| 绩溪县| 方山县| 辛集市| 陵水| 凤凰县| 全椒县| 象山县| 手机| 炎陵县| 扎赉特旗| 唐山市| 治县。|