首页 > 其他分享 >js去除字符串空格

js去除字符串空格

时间:2022-12-15 15:33:19浏览次数:46  
标签:js 空格 字符串 str 去除 var replace

js去除字符串空格(空白符)

使用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); //

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方法并不影响原来的字符串本身,它返回的是一个新的字符串。

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

  示例:

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//输出左右侧均无空格

标签:js,空格,字符串,str,去除,var,replace
From: https://www.cnblogs.com/guanyyang/p/16985136.html

相关文章

  • jsp web 大文件上传源代码
    ​我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持所......
  • JSON
    JSON的定义JSON指的是JavaScript对象表示法(JavaScriptObjectNotation)JSON是轻量级的文本数据交换格式JSON独立于语言JSON具有自我描述性,更易理解常用的方法j......
  • JSON.stringify做深拷贝的缺点
    1.对象中有时间类型的时候,序列化之后会变成字符串类型。2.对象中有undefined和Function类型数据的时候,序列化之后会直接丢失。3.对象中有NaN、Infinity和-Infinity的时......
  • JSchException verify: false
    1.产生此异常的原因 高并发下,SFTP上传偶现com.jcraft.jsch.JSchException:verify:false的异常(大概上传几百次就会抛出一次这个异常)。JSch版本日志中描述该问题在jsch-......
  • 直播平台搭建源码,纯js实现编辑器撤消/重做
    直播平台搭建源码,纯js实现编辑器撤消/重做核心JS //基类varCore=function(){}Core.prototype={arrayPrevStep:[],//存放撤消操作方法列表arrayNextStep:[],/......
  • 高性能 Jsonpath 框架,Snack3 3.2.50 发布
    Snack3,一个高性能的JsonPath框架借鉴了Javascript所有变量由var申明,及Xmldom一切都是Node的设计。其下一切数据都以ONode表示,ONode也即Onenode之意,代表任何......
  • React + antd (版本:5)jsx使用Tree组件的经验
    //组件:LeftTree.jsximportReactfrom"react";import{Tree}from"antd";import*asservicefrom"../../util/service";classLeftTreeextendsReact.Compo......
  • 不积跬步,无以至千里【3】【js-2】
    1.addEventListener和onClick()的区别a、addEventListener可以对同一个元素绑定多个事件,执行顺序从上到下依次执行。而onclick同一个元素只能绑定一个事件,如有多个,后面的......
  • jq 解析json
    样例:{    "IP":"192.168.10.100",    "Prod":"5000",    "fy_tp_hellowrd_service":[        {            "Ip":"192.168.10.101", ......
  • API请求JSON特殊处理
    API请求JSON特殊处理场景框架处理的请求和返回的转换后的string,有时候不是我们预期的样子。可以使用JsonSerializerOptions.Converters.Insert()添加一个自定义的转换......