最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會員登陸 & 注冊

用reduce高階函數(shù)組裝查詢表單分隔字符數(shù)據(jù)

2023-02-23 00:42 作者:秘密菜單  | 我要投稿

查詢表單,一次輸入多個參數(shù),一般是從網(wǎng)站或者excel中復(fù)制,要求前端用空格、逗號或者回車切割參數(shù),傳給后端。

這個需求也很常見,之前是先用 split 分隔成數(shù)組,再用 map 遍歷去掉首尾空格,最后再用 filter 來過濾下空值,但是這樣需要遍歷兩次,如果想只用一個 map 實現(xiàn),那還得額外定義個變量來儲存數(shù)據(jù)。

其實像這種組裝數(shù)據(jù)直接用 reduce 就能完美解決,一般有的后端要求用戶沒填的參數(shù)就不傳,不需要傳個空字符串或者空數(shù)組這種,那我們reduce的初始值直接給成 undefined 就不會傳給后端了,不過注意 push 的時候就要額外判斷下了,否則會報錯。

用回車、中英文逗號或空格分隔字符正則:/\n+|,|,|\s+/g

利用 reduce 過濾組裝數(shù)據(jù) demo:

項目中使用完整示例代碼:


用reduce高階函數(shù)組裝查詢表單分隔字符數(shù)據(jù)的評論 (共 條)

分享到微博請遵守國家法律
航空| 吐鲁番市| 新沂市| 吴桥县| 西丰县| 多伦县| 密云县| 汉寿县| 泌阳县| 枣阳市| 宁德市| 石楼县| 定西市| 简阳市| 郴州市| 蚌埠市| 墨江| 米易县| 临朐县| 霍林郭勒市| 铜山县| 会同县| 嘉兴市| 墨玉县| 江达县| 宁国市| 称多县| 进贤县| 苗栗县| 湖北省| 内乡县| 紫阳县| 海盐县| 天峨县| 同江市| 云和县| 隆昌县| 葵青区| 新昌县| 凭祥市| 兴宁市|