国产精品天干天干,亚洲毛片在线,日韩gay小鲜肉啪啪18禁,女同Gay自慰喷水

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

分享到微博請遵守國家法律
永善县| 遂昌县| 娄底市| 文成县| 垦利县| 平陆县| 平潭县| 孝昌县| 屏南县| 高淳县| 镶黄旗| 手游| 滨海县| 天全县| 衡东县| 宝坻区| 安新县| 冷水江市| 翼城县| 章丘市| 五大连池市| 宜春市| 晋中市| 宾阳县| 富平县| 通州市| 台州市| 江门市| 卓尼县| 重庆市| 民和| 鄂伦春自治旗| 岱山县| 万全县| 石景山区| 东海县| 凤台县| 宁阳县| 钟祥市| 长沙市| 双桥区|