首页 >> js开发 >> JavaScriptjs String.prototype.trim字符去前后空格的扩展
JavaScriptjs String.prototype.trim字符去前后空格的扩展
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
最近学习js的时候发现的这个函数，这样很方便地去除前后空格，用正则实现，简单方便。下面小编就为大家分享一下几种实现方式。String.Prototype.trim()String.Prototype.trim()trim()返回一个字符串两端空白字符被删除的新字符串，不影响原字符串。/*内置对象添加方法：String.prototype.trim（给String添加一个trim方法）
*^这个是以什么什么开头
*$这个是以什么什么结尾
*‘/s是String /d是数字'
*replace(/^\s+/ , "")把以字符开头的字符串替换为空字符串，
*replace(/\s+$/ , "")把以字符结尾的字符串替换为空字符串，
*/
String.prototype.trim = function(){
return this.replace(/^\s+/ , "").replace(/\s+$/ , "");
}
String.prototype.trim = function(){
return this.replace(/^\s+/ , "").replace(/\s+$/ , "");
}第一种实现方式：理论上算是比较不错的第一种实现方式：理论上算是比较不错的具体的可以查看这篇文章：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/trimhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/trim
if (!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
}
if (!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
}第二种实现方式第二种实现方式从国内网站看到的，测试没问题，推荐使用
String.prototype.trim = function(a) {
var b = (this + "").replace(/(^[ \t\n\r\f\x0b\xa0]*)|([ \t\n\r\f\x0b\xa0]*$)/g, "");
a && (a = (a + "").replace(/([\[\]\(\)\.\?\/\*\{\}\+\$\^\:])/g, "\\$1"), b = b.replace(new RegExp("(^[" + a + "]*)|([" + a + "]*$)", "g"), ""));
return b
};
String.prototype.trim = function(a) {
var b = (this + "").replace(/(^[ \t\n\r\f\x0b\xa0]*)|([ \t\n\r\f\x0b\xa0]*$)/g, "");
a && (a = (a + "").replace(/([\[\]\(\)\.\?\/\*\{\}\+\$\^\:])/g, "\\$1"), b = b.replace(new RegExp("(^[" + a + "]*)|([" + a + "]*$)", "g"), ""));
return b
};第三种、范围有点小，推荐学习，不推荐使用第三种、范围有点小，推荐学习，不推荐使用
String.prototype.trim = function(){
//用正则表达式将前后空格用空字符串替代。
return this.replace(/(^\s*)|(\s*$)/g,"");
}
String.prototype.trim = function(){
//用正则表达式将前后空格用空字符串替代。
return this.replace(/(^\s*)|(\s*$)/g,"");
} 第四种，不用正则实现第四种，不用正则实现
var str = " ac c ";
//使用String prototype 给用添加自定义方法。
String.prototype.trim = function(){
var start = 0;
var end = code.length-1;
while(start<=end && this.charAt(start) == ' '){
start++;
}
while(start<=end && this.charAt(end) == ' '){
end--;
}
//使用字符截取指定字符
return this.substring(start,end+1);
};
//使用原型直接调用
console.log("--"+str.trim()+"--")
var str = " ac c ";
//使用String prototype 给用添加自定义方法。
String.prototype.trim = function(){
var start = 0;
var end = code.length-1;
while(start<=end && this.charAt(start) == ' '){
start++;
}
while(start<=end && this.charAt(end) == ' '){
end--;
}
//使用字符截取指定字符
return this.substring(start,end+1);
};
//使用原型直接调用
console.log("--"+str.trim()+"--")
推荐使用第一种、第二种方法。
推荐使用第一种、第二种方法。下面是其他网友的补充，大家可以参考一下下面是其他网友的补充，大家可以参考一下今天呢 知乎看到一道题 说是网易面试题，要求自己写一个trim()方法，实现 var str = " a sd "; 去掉字符串两端的空格。直接上码
var str = " a sd ";
function trim (st) {
// 先把字符串分割成数组
var arr = st.split("");
// 从前面删除空格
for (let i = 0; i < arr.length; i++) {
// 如果数组元素是空格则删除
if (arr[i] === " ") {
arr.shift();
/*console.log(arr.length, i)*/
// 如果当前元素的下一项不是空格退出循环
if (arr[i+1] !== " ") {
break;
}
}
}
// 后前面删除空格
for (let i = arr.length; i >= 0; i--) {
// 如果数组元素是空格则删除
if (arr[i-1] === " ") {
arr.pop();
// 如果当前元素的前一项不是空格退出循环
if (arr[i-2] !== " ") {
break;
}
}
}
arr = arr.join("");
/*console.log(arr);*/
return arr;
}
var a = trim(str);
console.log(a); //a sd//
var str = " a sd ";
function trim (st) {
// 先把字符串分割成数组
var arr = st.split("");
// 从前面删除空格
for (let i = 0; i < arr.length; i++) {
// 如果数组元素是空格则删除
if (arr[i] === " ") {
arr.shift();
/*console.log(arr.length, i)*/
// 如果当前元素的下一项不是空格退出循环
if (arr[i+1] !== " ") {
break;
}
}
}
// 后前面删除空格
for (let i = arr.length; i >= 0; i--) {
// 如果数组元素是空格则删除
if (arr[i-1] === " ") {
arr.pop();
// 如果当前元素的前一项不是空格退出循环
if (arr[i-2] !== " ") {
break;
}
}
}
arr = arr.join("");
/*console.log(arr);*/
return arr;
}
var a = trim(str);
console.log(a); //a sd//原理注释写的很清楚不用正则实现的代码
function trim(s){
return trimRight(trimLeft(s));
}
//去掉左边的空白
function trimLeft(s){
if(s == null) {
return "";
}
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(0)) != -1) {
var j=0, i = str.length;
while (j < i && whitespace.indexOf(str.charAt(j)) != -1){
j++;
}
str = str.substring(j, i);
}
return str;
}
//去掉右边的空白
function trimRight(s){
if(s == null) return "";
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(str.length-1)) != -1){
var i = str.length - 1;
while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){
i--;
}
str = str.substring(0, i+1);
}
return str;
}
function delrd(str){
var reg=/,$/gi;
str=str.replace(reg,"");
return str;
}
function trim(s){
return trimRight(trimLeft(s));
}
//去掉左边的空白
function trimLeft(s){
if(s == null) {
return "";
}
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(0)) != -1) {
var j=0, i = str.length;
while (j < i && whitespace.indexOf(str.charAt(j)) != -1){
j++;
}
str = str.substring(j, i);
}
return str;
}
//去掉右边的空白
function trimRight(s){
if(s == null) return "";
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(str.length-1)) != -1){
var i = str.length - 1;
while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){
i--;
}
str = str.substring(0, i+1);
}
return str;
}
function delrd(str){
var reg=/,$/gi;
str=str.replace(reg,"");
return str;
}以上就是js String.prototype.trim字符去前后空格的扩展的详细内容，关于String对象增加一个trim方法的资料请关注其它相关文章！
*^这个是以什么什么开头
*$这个是以什么什么结尾
*‘/s是String /d是数字'
*replace(/^\s+/ , "")把以字符开头的字符串替换为空字符串，
*replace(/\s+$/ , "")把以字符结尾的字符串替换为空字符串，
*/
String.prototype.trim = function(){
return this.replace(/^\s+/ , "").replace(/\s+$/ , "");
}
String.prototype.trim = function(){
return this.replace(/^\s+/ , "").replace(/\s+$/ , "");
}第一种实现方式：理论上算是比较不错的第一种实现方式：理论上算是比较不错的具体的可以查看这篇文章：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/trimhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/trim
if (!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
}
if (!String.prototype.trim) {
String.prototype.trim = function () {
return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
};
}第二种实现方式第二种实现方式从国内网站看到的，测试没问题，推荐使用
String.prototype.trim = function(a) {
var b = (this + "").replace(/(^[ \t\n\r\f\x0b\xa0]*)|([ \t\n\r\f\x0b\xa0]*$)/g, "");
a && (a = (a + "").replace(/([\[\]\(\)\.\?\/\*\{\}\+\$\^\:])/g, "\\$1"), b = b.replace(new RegExp("(^[" + a + "]*)|([" + a + "]*$)", "g"), ""));
return b
};
String.prototype.trim = function(a) {
var b = (this + "").replace(/(^[ \t\n\r\f\x0b\xa0]*)|([ \t\n\r\f\x0b\xa0]*$)/g, "");
a && (a = (a + "").replace(/([\[\]\(\)\.\?\/\*\{\}\+\$\^\:])/g, "\\$1"), b = b.replace(new RegExp("(^[" + a + "]*)|([" + a + "]*$)", "g"), ""));
return b
};第三种、范围有点小，推荐学习，不推荐使用第三种、范围有点小，推荐学习，不推荐使用
String.prototype.trim = function(){
//用正则表达式将前后空格用空字符串替代。
return this.replace(/(^\s*)|(\s*$)/g,"");
}
String.prototype.trim = function(){
//用正则表达式将前后空格用空字符串替代。
return this.replace(/(^\s*)|(\s*$)/g,"");
} 第四种，不用正则实现第四种，不用正则实现
var str = " ac c ";
//使用String prototype 给用添加自定义方法。
String.prototype.trim = function(){
var start = 0;
var end = code.length-1;
while(start<=end && this.charAt(start) == ' '){
start++;
}
while(start<=end && this.charAt(end) == ' '){
end--;
}
//使用字符截取指定字符
return this.substring(start,end+1);
};
//使用原型直接调用
console.log("--"+str.trim()+"--")
var str = " ac c ";
//使用String prototype 给用添加自定义方法。
String.prototype.trim = function(){
var start = 0;
var end = code.length-1;
while(start<=end && this.charAt(start) == ' '){
start++;
}
while(start<=end && this.charAt(end) == ' '){
end--;
}
//使用字符截取指定字符
return this.substring(start,end+1);
};
//使用原型直接调用
console.log("--"+str.trim()+"--")
推荐使用第一种、第二种方法。
推荐使用第一种、第二种方法。下面是其他网友的补充，大家可以参考一下下面是其他网友的补充，大家可以参考一下今天呢 知乎看到一道题 说是网易面试题，要求自己写一个trim()方法，实现 var str = " a sd "; 去掉字符串两端的空格。直接上码
var str = " a sd ";
function trim (st) {
// 先把字符串分割成数组
var arr = st.split("");
// 从前面删除空格
for (let i = 0; i < arr.length; i++) {
// 如果数组元素是空格则删除
if (arr[i] === " ") {
arr.shift();
/*console.log(arr.length, i)*/
// 如果当前元素的下一项不是空格退出循环
if (arr[i+1] !== " ") {
break;
}
}
}
// 后前面删除空格
for (let i = arr.length; i >= 0; i--) {
// 如果数组元素是空格则删除
if (arr[i-1] === " ") {
arr.pop();
// 如果当前元素的前一项不是空格退出循环
if (arr[i-2] !== " ") {
break;
}
}
}
arr = arr.join("");
/*console.log(arr);*/
return arr;
}
var a = trim(str);
console.log(a); //a sd//
var str = " a sd ";
function trim (st) {
// 先把字符串分割成数组
var arr = st.split("");
// 从前面删除空格
for (let i = 0; i < arr.length; i++) {
// 如果数组元素是空格则删除
if (arr[i] === " ") {
arr.shift();
/*console.log(arr.length, i)*/
// 如果当前元素的下一项不是空格退出循环
if (arr[i+1] !== " ") {
break;
}
}
}
// 后前面删除空格
for (let i = arr.length; i >= 0; i--) {
// 如果数组元素是空格则删除
if (arr[i-1] === " ") {
arr.pop();
// 如果当前元素的前一项不是空格退出循环
if (arr[i-2] !== " ") {
break;
}
}
}
arr = arr.join("");
/*console.log(arr);*/
return arr;
}
var a = trim(str);
console.log(a); //a sd//原理注释写的很清楚不用正则实现的代码
function trim(s){
return trimRight(trimLeft(s));
}
//去掉左边的空白
function trimLeft(s){
if(s == null) {
return "";
}
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(0)) != -1) {
var j=0, i = str.length;
while (j < i && whitespace.indexOf(str.charAt(j)) != -1){
j++;
}
str = str.substring(j, i);
}
return str;
}
//去掉右边的空白
function trimRight(s){
if(s == null) return "";
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(str.length-1)) != -1){
var i = str.length - 1;
while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){
i--;
}
str = str.substring(0, i+1);
}
return str;
}
function delrd(str){
var reg=/,$/gi;
str=str.replace(reg,"");
return str;
}
function trim(s){
return trimRight(trimLeft(s));
}
//去掉左边的空白
function trimLeft(s){
if(s == null) {
return "";
}
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(0)) != -1) {
var j=0, i = str.length;
while (j < i && whitespace.indexOf(str.charAt(j)) != -1){
j++;
}
str = str.substring(j, i);
}
return str;
}
//去掉右边的空白
function trimRight(s){
if(s == null) return "";
var whitespace = new String(" \t\n\r");
var str = new String(s);
if (whitespace.indexOf(str.charAt(str.length-1)) != -1){
var i = str.length - 1;
while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){
i--;
}
str = str.substring(0, i+1);
}
return str;
}
function delrd(str){
var reg=/,$/gi;
str=str.replace(reg,"");
return str;
}以上就是js String.prototype.trim字符去前后空格的扩展的详细内容，关于String对象增加一个trim方法的资料请关注其它相关文章！
相关文章:
- js解决vue 给window添加和移除resize事件遇到的坑js大全
- js基于 Vue 的 Electron 项目搭建过程图文详解js大全
- js解决echarts 一条柱状图显示两个值,类似进度条的问题js大全
- js解决echarts中横坐标值显示不全(自动隐藏)问题js大全
- js详解微信小程序入门从这里出发（登录注册、开发工具、文件及结构介绍）js大全
- js解决Vue中的生命周期beforeDestory不触发的问题js大全
- jsvue中解决拖拽改变存在iframe的div大小时卡顿问题js大全
- jsvue中destroyed方法的使用说明js大全
- js在vue中created、mounted等方法使用小结js大全
- jseslint+prettier统一代码风格的实现方法js大全
刚刚发布热门点击发布时间
- [05/19]前端外包开发:git 舍弃本地代码强制从远程库更新
- [05/19]git 提交 忽略husky git 提交 忽略eslint 检测
- [05/18]前端外包工具:如何npm清理缓冲yarn,pnpm 清理缓存
- [05/18]前端开发工具:npm和pnpm有什么区别?pnpm安装
- [05/18]前端开发:npm与yarn的区别
- [07/09]Chrome抓取页面内容代码|chrome插件获取页面数据
- [07/09]谷歌浏览器数据采集插件开发|谷歌浏览器的采集功能
- [07/09]Chrome插件轻松抓取网络数据,Chrome插件轻松抓取网页源码数据
- [07/09]chrome插件怎么安装?chrome插件开发如何安装chrome插件
- [07/09]快速chrome插件开发-北京chrome插件开发外包
- [12/31]清大光德落地护眼灯|清大光德儿童护眼灯
- [07/20]网站无障碍适老化外包改造私有化过程遇到问题整理
- [07/19]适老化改造工信部明确APP适老化规范：禁广告弹窗，网站需提供特大字体
- [07/19]适老化改造包括哪些方面?
- [07/19]什么是适老化改造？
