React中兩種遍歷資料的方法(map、forEach)
React處理多組資料時,時常會用到遍歷來處理資料,在這裡記錄下兩種方法。
1.map處理資料
map方法處理資料之後會返回一個新的陣列,同時不會改變原陣列的值;如果陣列為空則無法進行遍歷,所以要對陣列做非空校驗。
{
subSystem.list.length>0 && subSystem.list.map((item)=>{
return <Breadcrumb.Item className={styles.breadCrumbItem}>
<a href="#" onClick={() => {
window.open(item.systemUrl)
}}>{item.systemName}</a>
</Breadcrumb.Item>
})
}
2.forEach處理資料
forEach方法用於遍歷陣列中的每個元素。
//遍歷陣列匹配資料
caseAnalysis.list.forEach((item)=>{
if(year ===item.year && month === item.month) {
if (item.serviceFieldType === '01') {
civilvalues.push(
{
name: this.state.serviceField[item.serviceField],
value: item.involvedFieldCount,
}
)
if (item.involvedFieldCount > maxval) {
maxval = item.involvedFieldCount
}
} else if (item.serviceFieldType === '02') {
administrationvalues.push(
{
name: this.state.serviceField[item.serviceField],
value: item.involvedFieldCount,
}
)
if (item.involvedFieldCount > maxval) {
maxval = item.involvedFieldCount
}
}
}
});
相關文章
- java中遍歷Map的4種方法Java
- Java中遍歷Map的兩種方法:keySet和entrySetJava
- 【Java中遍歷Map物件的4種方法】Java物件
- 遍歷陣列的常用方法forEach,filter,map等陣列Filter
- Java中如何遍歷Map物件的4種方法Java物件
- Java中Map的遍歷方法Java
- Python遍歷資料夾常用的兩種方法!Python
- java 遍歷map 方法 集合 五種的方法Java
- java中遍歷map的集中方法Java
- JS中陣列遍歷方法foreach,filter,some,every,map方法介紹與總結JS陣列Filter
- jquery遍歷得到的 Map 資料,jQuery
- Java遍歷Map集合的方法Java
- ***PHP遍歷陣列的方法foreachPHP陣列
- 遍歷物件鍵值對的兩種方法物件
- JavaScript 的 4 種陣列遍歷方法: for VS forEach() VS for/in VS for/ofJavaScript陣列
- Java遍歷資料夾的兩種方法(非遞迴和遞迴)Java遞迴
- JavaScript中遍歷的幾種方法JavaScript
- 如何遍歷Map中的物件物件
- Java遍歷Map物件的四種方式Java物件
- jquery中each的三種遍歷方法jQuery
- js的map遍歷和array遍歷JS
- JS中陣列的遍歷方法(3種)JS陣列
- JavaScript中的12種迴圈遍歷方法JavaScript
- C#中遍歷TreeView的兩個常用方法C#View
- js中我最常用的幾種遍歷處理資料的方法梳理JS
- jstl forEach遍歷JS
- 遍歷資料夾的幾種方式
- 影片直播系統原始碼,java中Map遍歷的三種方式原始碼Java
- 在PHP中陣列遍歷的三種方法PHP陣列
- OC中陣列、字典的遍歷的三種方法陣列
- Mybatis中Foreach動態SQL標籤(map和list兩種情況)MyBatisSQL
- Java 中九種 Map 的遍歷方式,你一般用的是哪種呢?Java
- vue遍歷map物件Vue物件
- java Map Set遍歷Java
- java8 對list集合中的物件遍歷,重新賦值兩種方法,遍歷某個屬性返回陣列Java物件賦值陣列
- [資料結構] 根據前中後序遍歷中的兩種構造二叉樹資料結構二叉樹
- JS遍歷物件的幾種方法JS物件
- 遍歷陣列的幾種方法陣列