相关文章推荐
热心的移动电源  ·  携程酒店-蓉逸精选酒店(成都抚琴夜市蜀汉路东 ...·  3 天前    · 
忐忑的薯片  ·  Home - Province of ...·  3 月前    · 
飞翔的水煮鱼  ·  起云尺八教学(分享)尺八初学者入门_哔哩哔哩 ...·  3 月前    · 
狂野的鼠标垫  ·  家裝類綜藝節目扎堆 ...·  5 月前    · 
私奔的佛珠  ·  請不要再混用了!呼籲正名:「電鋼琴」≠「電子 ...·  5 月前    · 
小百科  ›  JS 字符串去除前后空格 trim(十四)-天翼云
大气的稀饭
1 年前

活动

天翼云最新优惠活动,涵盖免费试用,产品折扣等,助您降本增效!
查看全部活动
热门活动
  • 2024云享优惠·数智升级 NEW 爆款2核4G3M云服务器82.8元/年起
  • 云上钜惠 HOT 爆款云主机全场特惠,更有万元锦鲤券等你来领!
  • 算力套餐 HOT 让算力触手可及
  • 天翼云脑AOne NEW 连接、保护、办公,All-in-One!
  • 一键部署Llama3大模型学习机 0代码一键部署,预装最新主流大模型Llama3与StableDiffusion
  • 中小企业上云场景组合购 NEW 建站、域名等场景一站式购齐,组合购9元起!
  • 天翼云电脑专场 HOT 移动办公新选择,爆款4核8G畅享1年3.5折起,快来抢购!
  • 云主机特惠 HOT 多款云主机新老同享,满足您的上云需求!
免费活动
  • 免费试用中心 HOT 多款云产品免费试用,快来开启云上之旅

应用商城

天翼云精选行业优秀合作伙伴及千余款商品,提供一站式云上应用服务
进入甄选商城 进入云市场
办公协同
  • WPS云文档 EMM手机管家 智能商业平台 SSL证书 新域名服务 翼电子教室 翼智慧显示一体化解决方案 税务风控云 翼云智眼安消一体化解决方案 翼信息化运维服务 翼微信营销解决方案 翼视频云归档解决方案 云管家2.0 智慧工厂_生产流程管理解决方案 全栈混合云敏捷版(软件) 全栈混合云敏捷版(一体机)

合作伙伴

天翼云携手合作伙伴,共创云上生态,合作共赢
天翼云生态合作中心
  • 天翼云生态合作中心
天翼云技术合作伙伴
  • 天翼云OpenAPI中心 天翼云EasyCoding平台
天翼云渠道合作伙伴
  • 天翼云代理渠道合作伙伴
天翼云培训认证
  • 天翼云学堂 天翼云市场商学院
天翼云服务合作伙伴
  • 天翼云MSP合作伙伴 天翼云集成商交付能力认证
天翼云合作计划
  • 央企云合作计划
天翼云应用合作伙伴
  • 天翼云云市场合作伙伴 天翼云甄选商城合作伙伴
天翼云东升计划
  • 东升适配创新中心 适配互认证

开发者

开发者相关功能入口汇聚
技术社区
资源与工具
  • 天翼云OpenAPI EasyCoding敏捷开发平台
培训与认证
  • 天翼云学堂 天翼云认证

支持与服务

为您提供全方位支持与服务,全流程技术保障,助您轻松上云,安全无忧
文档与工具
  • OpenAPI中心 客户支持计划 专家技术服务

了解天翼云

天翼云秉承央企使命,致力于成为数字经济主力军,投身科技强国伟大事业,为用户提供安全、普惠云服务
品牌介绍
  • 关于天翼云 天翼云4.0 天翼云APP 全球基础设施 分析师和白皮书 天翼云·创新直播间 2024智算云生态大会 2023云生态大会 2022云生态大会 天翼云中国行 支持与服务 了解天翼云
  • 站点切换
    • 中国站
  • 文档
  • 控制中心
  • 备案
  • 管理中心

JS 字符串去除前后空格 trim(十四)

首页 知识中心 数据库 文章详情页

JS 字符串去除前后空格 trim(十四)

2023-05-19 05:51:33 阅读次数:141

JS, 字符串

爱一个人是一回事,拥有一个人是另外一回事,爱上并拥有一个人,更是另外一回事。 蝴蝶,是什么,是希望,是真正的希望。

上一章简单介绍了Select的option 中填充其他属性值(十三),如果没有看过,​​请观看上一章​​

一. 去除空格trim() 方法

在Java 语言中,String 类中有一个trim() 去除左右空格的方法, 在JS中,以前是没有这样的方法的,需要自己手动书写,现在有了,但是这个trim() 方法,还是要理解的,所以总结归纳一下。

二. 比较笨的 前面去空格的方法。

一看例子就明白。

二.一 去除左空格 ltrim()

function ltrim(str){
if(str==""||str==undefined){
return "";
}
var n=0;
for(var i=0,length=str.length;i<length;i++){
var c=str.charAt(i);
if(c!=" "){ //如果为空,就将索引继续添加。 里面有一个空格。
break;
}
n++;
}
return str.substring(n);
}

二.二 去除右空格 rtrim()

function rtrim(str){
if(str==""||str==undefined){
return "";
}
var n=str.length;
for(var i=str.length-1;i>=0;i--){
var c=str.charAt(i);
if(c!=" "){ //如果为空,就将索引继续添加。
break;
}
n--;
}
return str.substring(0,n);
}

二.三 去除左右空格 trim()

function trim(str){
return rtrim(ltrim(str));
}

这种方式不太好。

var name="   你好,  我要去空格     ";
console.log("去除左空格是:"+ltrim(name)+",结束");
console.log("去除右空格是:"+rtrim(name)+",结束");
console.log("去除左右空格是:"+trim(name)+",结束");

注意,不会去除掉字符串中间的空格。

三. 正则表达式验证

主要是将不可见字符替换成"" . (中间没有空格)

function ltrim(str){
// \s 为任意的空白符. 包括空格,换行符,制表 符,换页符 。 \f\n\r\t\v
return str.replace(/(^\s*)/g,"");
}
function rtrim(str){
return str.replace(/(\s*$)/g,"");
}
function trim(str){
return str.replace(/(^\s*)|(\s*$)/g,"");
}
function trim(str) {
if (str == null) {
return "";
}
return str.replace(/^\s*(.*?)[\s\n]*$/g,'$1');
}

四. JS中String 类扩展

利用原型,进行相应的扩展。

String.prototype.ltrim=function(){
   return this.replace(/(^\s*)/g,"");
   }
   String.prototype.rtrim=function(){
   return this.replace(/(\s*$)/g,"");
   }
String.prototype.trim=function(){
   return this.replace(/(^\s*)|(\s*$)/g, "");
   }

这样,就可以直接

var name="    张三    " .trim();

即可,仿佛是js 中字符串的方法。 (虽然现在JS已经提供了)

五. Jquery 中的trim() 方法。

$.trim(字符串) 方法。

var name="   你好,  我是jquery去除空格     ";
console.log("去除左右空格是:"+$.trim(name)+",结束");

谢谢!!!

版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/yueshushu/5841064,作者:两个蝴蝶飞,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至[email protected]沟通。

上一篇: mysql的解释计划

下一篇: Redis发布订阅

相关文章

2024-06-13 08:59:42

vue课程65 使用vue-filter定义全局过滤器

vue课程65 使用vue-filter定义全局过滤器

2024-06-13 08:59:42
2024-06-13 08:18:27

C# split字符串 根据1个或多个空格

C# split字符串 根据1个或多个空格

2024-06-13 08:18:27
split 2024-06-13 08:12:14

Unicode处理公共类

Unicode处理公共类

2024-06-13 08:12:14
2024-06-13 08:12:14

python3中,isinstance() 函数

python3中,isinstance() 函数

2024-06-13 08:12:14
python 2024-06-13 08:12:14

【Qt5学习笔记】 2.1_字符串类

【Qt5学习笔记】 2.1_字符串类

2024-06-13 08:12:14
2024-06-12 09:30:16

字符串处理算法题 -> 替换空格

字符串处理算法题 -> 替换空格

2024-06-12 09:30:16
2024-06-12 09:24:21

JS:性能优化方案:防抖和节流

JS:性能优化方案:防抖和节流

2024-06-12 09:24:21
2024-06-12 09:24:21

ES6箭头函数和模板字符串

ES6箭头函数和模板字符串

2024-06-12 09:24:21
2024-06-11 09:33:28

JS文件名和路径截取分割

JS文件名和路径截取分割

2024-06-11 09:33:28
2024-06-11 08:20:47

17 python - 下标和切片

所谓“下标”,就是编号,就好比超市中的存储柜的编号,通过这个编号就能找到相应的存储空间。

2024-06-11 08:20:47
python
查看更多
推荐标签

作者介绍

天翼云小翼
天翼云用户

文章

21549

阅读量

2116909

查看更多

最新文章

vue课程65 使用vue-filter定义全局过滤器

2024-06-13 08:59:42

Unicode处理公共类

2024-06-13 08:12:14

python3中,isinstance() 函数

2024-06-13 08:12:14

【Qt5学习笔记】 2.1_字符串类

2024-06-13 08:12:14

字符串处理算法题 -> 替换空格

2024-06-12 09:30:16

ES6箭头函数和模板字符串

2024-06-12 09:24:21

查看更多

热门文章

去除字符串开头结尾的指定字符串

2023-02-21 03:02:11

js面试题-2:字符串中的第一个唯一字符

2023-02-22 07:04:55

统计字符串中不同字符个数问题

2023-02-24 08:40:10

mySql获取指定时间或日期数据

2023-02-20 10:35:48

groovy replace字符串替换

2023-03-24 10:30:38

python学习——【第一弹】

2023-02-28 07:38:41

查看更多

热门标签

mysql MySQL redis oracle python linux Oracle leetcode
查看更多

相关产品

弹性云主机

随时自助获取、弹性伸缩的云服务器资源

天翼云电脑(公众版)

便捷、安全、高效的云电脑服务

对象存储

高品质、低成本的云上存储服务

云硬盘

为云上计算资源提供持久性块存储

查看更多

随机文章

Linux命令之匹配行开头字符串look

UVA11988 破损的键盘 Broken Keyboard (a.k.a. Beiju Text)

React-Redux-优化

如何输出格式化的字符串(学习笔记四)

考研数据结构之串(4.4)——练习题之编写一个函数来删除串中从下标为i的字符开始的j个字符,如果下标为i的字符后没有足够的j个字符,则有几个删除几个(C表示)

给定一个字符串 s 和一个整数 k 。你可以从 s 的前 k 个字母中选择一个, 并把它加到字符串的末尾。 返回 在应用上述步骤的任意数量的移动后,字典上最小的字符串。

  • 7*24小时售后
  • 无忧退款
  • 免费备案
  • 专家服务
售前咨询热线
400-810-9889转1
  • 天翼云APP
    天翼云APP
 
推荐文章
热心的移动电源  ·  携程酒店-蓉逸精选酒店(成都抚琴夜市蜀汉路东地铁站店)预订-蓉逸精 ...
3 天前
忐忑的薯片  ·  Home - Province of British Columbia
3 月前
飞翔的水煮鱼  ·  起云尺八教学(分享)尺八初学者入门_哔哩哔哩_bilibili
3 月前
狂野的鼠标垫  ·  家裝類綜藝節目扎堆 素人家PK明星家你愛哪一款?--傳媒--人民網
5 月前
私奔的佛珠  ·  請不要再混用了!呼籲正名:「電鋼琴」≠「電子鋼琴」≠「數位 ...
5 月前
Link管理   ·   Sov5搜索   ·   小百科
小百科 - 百科知识指南