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

歡迎光臨散文網(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ù)的評論 (共 條)

分享到微博請遵守國家法律
阿城市| 抚远县| 方山县| 射阳县| 南华县| 桂平市| 安国市| 沧州市| 内丘县| 松桃| 肃北| 洛隆县| 姚安县| 韶关市| 抚州市| 平顺县| 维西| 永善县| 嘉鱼县| 建平县| 板桥市| 广元市| 桃源县| 诸城市| 凤阳县| 平江县| 南投市| 河津市| 东安县| 鸡东县| 广安市| 沁水县| 邻水| 磐石市| 钟山县| 南投市| 霍林郭勒市| 津南区| 射阳县| 乌兰浩特市| 固安县|