实际解决的问题:

前端文本框内输入批量查询内容,单一查询之间用空格、英文逗号隔开,现在的目的是不管前端在每个单一查询之间输入多少个空格、英文逗号、换行符,最后都要将这些批量查询转化成数组的形式作为有效数据传到后台。实际的代码如下所示:

解释:

  1. /[\s]/ 这是一个正则式,\s 表示匹配任何空白字符,包括空格、制表符、换页符等等;中括号[]:匹配字符组内的字符
  2. js中没有java中的 replaceAll方法,所以在正则式后加上g ,表示全局匹配,而不是匹配到第一个符合的位置就停止了。
  3. trim() 表示删除了原始字符串头部和尾部的空格

例如:输入的字符串是“322324,,,,,,,,42394038” 那通过该句后,字符串将会变成“322324 42394038”

表示匹配一个或多个空格,将连在一起的空格合并替换成一个英文逗号

例如:上面的例子的字符串又变成了:“322324,42394038”

表示将字符串进行分割,分割的标识是,看见非空字符或者英文逗号,就分割。(其实上面我们已经用英文逗号分开了,其实split里的正则式写成:/[,]/ 也是一样的)

例如:最后的返回结果就是 [“322324","42394038"] 字符数组。

在我的项目里最后的整体效果是:

JS去除输入文本的所有空格、逗号、换行符等空白字符相关推荐

  1. 如何使用UE去除复制文本中的空格、换行符和TAB

    关注公众号及时获取文章更新 那些年,我们做过的"不露痕迹"的复制粘贴 去除代码中的空行: 如果是UNIX格式,替换^n^n为^n, 或者替换"^?n?$" 为空 ...

  2. js去除字符串中的所有空格(包括前后,中间存在的所有空格),清除前后空格(手机输入框实用),es6新方法

    一.js去除字符串中的所有空格: str = "  hello  world !  " str.replace(/\s/g,""); 感觉很好用. 二.去除左右 ...

  3. JS替换空格回车换行符

    JS替换空格回车换行符 str=str.replace(/\r/g," ") str=str.replace(/\n/g,"<br />")  或 ...

  4. js替换字符串中的空格,换行符

    js替换字符串中的空格,换行符\r\n或\n替换成 转载 为了让回车换行符正确显示,需要将 \n 或 \r\n 替换成 .同样地,将空格替换存  .这里我们通过正则表达式来替换. 一.替换所有的空格. ...

  5. android html 换行_Android中Strings资源加空格,换行符,@等方法示例

    Android中Strings资源添加空格,换行符,@等方法,或者替换符等,非常有用,如何在string资源文件里面加入空格,换行,tab等呢?请看如下: test                  ...

  6. 使用正则表达式批量替换掉 空格及换行符

    Intro 场景: 网页解析 需求如下: 数据源:含有多个空格.换行符的多段文本 文本处理过程:识别出这些空格.换行符(替换为统一的单个换行符,或HTML的<br />标签) 数据持久化 ...

  7. Javascript - 获取到textarea文本框中的回车换行符 - 收集/实践 --- 20201005

    1.应用场景 主要用于获取到textarea文本框中的回车换行符 2.学习/操作 1. 文档 javascript获取到textarea文本框中的回车换行符 - Wuya - 博客园 js如何识别出字 ...

  8. php 替换 tab,PHP 删除字符串中的空格和换行符终极方法 - 文章教程

    有时我们生成的代码中,或多或少会遇到代码中或者字符串中有多余的空格.换行等其他字符,但是这些字符在浏览器里面是不显示出来,任何的换行和再多的空格,都只显示一个空格的空间,这势必对网页的优化有这极其不好 ...

  9. php过滤句尾空格,php正则过滤各种标签,空格,换行符的实现方法

    这篇文章主要为大家详细介绍了php正则过滤各种标签,空格,换行符的实现方法,具有一定的参考价值,可以用来参考一下. 经测试代码如下: $str=preg_replace("/\s+/&quo ...

最新文章

  1. python实现DES算法
  2. boost::fusion::fused_procedure用法的测试程序
  3. 知乎大神深入解析:单片机晶振脚原理是什么?
  4. P4198-楼房重建【线段树】
  5. 【渝粤教育】 国家开放大学2020年春季 1259西方行政学说 参考试题
  6. MySQL数据库工具类之——DataTable批量加入MySQL数据库(Net版)
  7. Linux内核深入理解定时器和时间管理(7):相关的系统调用
  8. python程序设计课后答案第三单元_最新Python程序设计课后习题答案-第一单元
  9. apache和php结合、apache的默认虚拟主机
  10. 简述23种软件设计模式
  11. 语音通计算机怎么安装方法,win7系统语音包安装图文教程
  12. 织梦DedeCms网站更换域名后文章图片路径批量修改
  13. Vue 兄弟组件之间的通信
  14. Java 简易五子棋
  15. 微信公众平台学习笔记
  16. 狗狗自带餐具能有多可爱
  17. 谷歌tts使用粤语读出内容
  18. 云队友丨真正限制你的,是你对潜力的一无所知
  19. 2021秋招河南联通面经
  20. JDBC 增、查、删、改 和 防止sql注入登录

热门文章

  1. 嘿嘿!报错不断呀!快哉快哉,检测nginx配置文件时报错,整它!
  2. 智能耳机测试软件,智能可穿戴设备有哪些?解析可穿戴设备的作用和测试
  3. 天耀18期 – 05.面向对象-封装【作业】.
  4. 【GMS认证】关于GSI和VTS解锁刷镜像命令总结
  5. 计算机二级c语言2019年3月,2019年3月计算机二级
  6. 【正点原子Linux连载】第二十章 V4L2摄像头应用编程-摘自【正点原子】I.MX6U嵌入式Linux C应用编程指南V1.1
  7. 万向区块链蜂巢学院 | 关于ETH2.0路线图,搞研究的大脑在想什么?
  8. 免费录屏软件Captura下载安装及分享
  9. 【javascript】JS+DOM实现图片库(改进版)
  10. iOS 模拟各种网络环境