使用js去除字符串内所带有空格

news/2024/11/18 6:46:57/

使用js去除字符串内所带有空格,有以下三种方法:

( 1 ) replace正则匹配方法

去除字符串内所有的空格:str = str.replace(/\s*/g,“”);

去除字符串内两头的空格:str = str.replace(/^\s*|\s*$/g,“”);

去除字符串内左侧的空格:str = str.replace(/^\s*/,“”);

去除字符串内右侧的空格:str = str.replace(/(\s*$)/g,“”);

示例:

var str = " 6 6 ";
var str_1 = str.replace(/\s*/g,"");
console.log(str_1); //66
var str = " 6 6 ";
var str_1 = str.replace(/^\s*|\s*$/g,"");
console.log(str_1); //6 6//输出左右侧均无空格
var str = " 6 6 ";
var str_1 = str.replace(/^\s*/,"");
console.log(str_1); //6 6 //输出右侧有空格左侧无空格
var str = " 6 6 ";
var str_1 = str.replace(/(\s*$)/g,"");
console.log(str_1); // 6 6//输出左侧有空格右侧无空格

( 2 ) str.trim()方法

trim()方法是用来删除字符串两端的空白字符并返回,trim方法并不影响原来的字符串本身,它返回的是一个新的字符串。
另外的,单独去除左侧空格可以使用trimLeft()方法,单独去除右侧空格则可以使用trimRight()方法。

缺陷:只能去除字符串两端的空格,不能去除中间的空格

示例:

var str = " 6 6 ";
var str_1 = str.trim();
console.log(str_1); //6 6//输出左右侧均无空格
单独去除左侧空格则使用 str.trimLeft(); //var str_1 = str.trimLeft();
单独去除右侧空格则使用 str.trimRight();//var str_1 = str.trimRight();

( 3 ) JQ方法:$.trim(str)方法

$.trim() 函数用于去除字符串两端的空白字符。

注意:$.trim()函数会移除字符串开始和末尾处的所有换行符,空格(包括连续的空格)和制表符。如果这些空白字符在字符串中间时,它们将被保留,不会被移除

示例:

var str = " 6 6 ";
var str_1 = $.trim(str);
console.log(str_1); //6 6//输出左右侧均无空格

方法1:(最常用)全部去除掉空格

var str = '  abc d e f  g ';function trim(str) {var reg = /[\t\r\f\n\s]*/g;if (typeof str === 'string') {var trimStr = str.replace(reg,'');}console.log(trimStr)}trim(str)

方法二:(强烈推荐)全部去除

function trimAll(ele){if(typeof ele === 'string'){return ele.split(/[\t\r\f\n\s]*/g).join('');}else{console.error(`${typeof ele} is not the expected type, but the string type is expected`)}}trimAll(str)  // 1234456

方法三:指定位置清楚空格(第二个参数控制位置)

function deleSpac(str,direction) { // 1 串的模板 2 清除哪边空格if(typeof str !== 'string'){ // 限制下条件,必须是字符串console.error(`${typeof ele} is not the expected type, but the string type is expected`)return false}let Reg = '';switch(direction) {case 'left' : // 去除左边Reg = /^[\t\r\f\n\s]+/g;break;case 'right' : // 去除右边Reg = /([\t\r\f\n\s]+)$/g;break;case 'both' : // 去除两边Reg = /(^[\t\r\f\n\s]*)|([\t\r\f\n\s]*$)/gbreak;default :   // 没传默认全部,且为下去除中间空格做铺垫Reg = /[\t\r\f\n\s]*/g;break;}let newStr = str.replace(Reg,'');if ( direction == 'middle' ){let RegLeft = str.match(/(^[\t\r\f\n\s]*)/g)[0]; // 保存右边空格let RegRight = str.match(/([\t\r\f\n\s]*$)/g)[0]; // 保存左边空格newStr = RegLeft + newStr + RegRight; // 将空格加给清完全部空格后的字符串}return newStr;}

http://www.ppmy.cn/news/797636.html

相关文章

笨笨的刷题日记

关注我,带你一起学习,共同成长。 LeetCode 还记得三年前找实习的时候 leetCode 还是 1000 题左右,现在都飙到 3000 题了,还有前端狗专用的 JavaScript 系列。这个世界真实太疯狂了。 leetCode 部分习题参考答案 正在更新中 标号…

免费换背景app、在线修改图片像素、在线照片压缩网站

免费换背景 免费证件照 在线修改图片像素 https://www.gaituba.com/ 在线照片压缩网站 https://tools.kalvinbg.cn/image/compress

如何把一张照片的像素提高_如何提升照片的像素?

把低像素的图片改为高像素的图片,照片往往会变得比较模糊,照片的质量也会下降,但也并不是没有办法,可以通过PS来实现在不降低图片的质量的前提下提高照片像素。 选择软件菜单栏中的“图像→图像大小”命令,出现如图所示…

canvas显示图片分辨率降低优化

canvas画布尺寸 cavas 标签上定义的height、weigth属性 canvas显示尺寸 canvas style定义的height、weight属性 图片像素渲染到canvas像素再到显示尺寸像素再到屏幕实际像素,这个过程会造成像素的抽稀和差值,这个过程导致照片模糊。 可以把画布尺寸设…

Word笔记----wps插入的图片像素降低了怎么办?

1. 在WPS文字菜单栏上点击文件,弹出菜单点击选项。 2.点击常规与保存,右边勾选不压缩文件中的图像;将默认目标输入设置为220 ppi,然后击确定。 3、然后重新插入图片即可。 4、如果原本图像尺寸小的,尽量不要放太大&am…

matlab实现降低图片的分辨率

本文用matlab实现降低图片的分辨率,假设一张500万像素的图片,使用该方法可以将像素降低到5万,但通过观察降低后的直方图 ,发现并没有多少区别。 实现具体思路: 将彩色图片灰度化后,获得其灰度直方图。确定…

html 表格边框1像素,一像素边框表格的几种实现方法

8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 简单谈下现代一像素表格的实现 一、基础铺垫: ① table元素的部分属性(针对于本话题):1 2 bgcolor"#ffffff" bordercolordark&…

ubuntu18.04改变照片的像素大小

安装imagemagick sudo apt-get install imagemagick 改变像素大小(切换至相应的照片目录) mogrify -resize *x* -format jpg *.jpg 例如将1.jpg像素大小改为500*500 mogrify -resize 500x500 -format jpg 1.jpg