JavaScript删除字符串中指定字符的4种方法汇总

 更新时间:2022年12月09日 10:32:38   作者:FFF-X  
在前端面试中,经常会问到这样的一个问题,删除字符串中指定字符,下面这篇文章主要给大家介绍了关于JavaScript删除字符串中指定字符的4种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

方法一:使用replace()方法

replace()方法用于将特定字符或字符串替换为其他字符或字符串。

参数:第一个参数是待替换的字符或字符串,第二个参数是替换为的字符或字符串。

可以将第一个参数设为要删除的字符,将第二个参数设为空字符串,这样就可以删除字符串中的指定字符了。但是这个方法只能删除第一次出现的字符,想要将该字符全部删除需要将replace()方法和正则表达式一起使用,它将选择字符串中的每个匹配项并将其全部删除。 

var str = "aabbccddeegg";
 
var reg1 = new RegExp("a","g"); // 加'g',删除字符串里所有的"a"
var a1 = str.replace(reg1,"");
console.log(a1); // bbccddeegg
 
var reg2 = new RegExp("a"); // 不加'g',仅删除字符串里第一个"a"
var a2 = str.replace(reg2,"");
console.log(a2); // abbccddeegg 

方法二:使用slice()方法

slice()方法用于提取给定参数之间的字符串部分。

此方法获取字符串的起始索引和结束索引,并返回这些索引之间的字符串。如果未指定索引,则假定它是字符串的长度。

可以通过将开始索引指定为1来删除第一个字符。它将字符串从第二个字符提取到字符串的结尾。

通过将结束索引指定为小于字符串长度的一个,可以删除最后一个字符。这将从字符串的开头提取字符串到倒数第二个字符。

var str = "hello hgbhggfj!";
console.log("原始字符串是:"+str); 
// 原始字符串是:hello hgbhggfj!
console.log("删除字符串的第一个字符:"+str.slice(1)); 
// 删除字符串的第一个字符:ello hgbhggfj!
console.log("删除字符串的最后一个字符:"+str.slice(0, str.length - 1)); 
// 删除字符串的最后一个字符:hello hgbhggfj 

方法三:使用substring()方法

subString()方法用于提取字符串中介于两个指定下标之间的字符。

subString()方法返回的子串包括开始处的字符,但不包括结束处的字符。

var str="aabbccdd";
console.log(str.substring(4));  // ccdd 

方法四:分隔成数组

这是一种比较取巧的方法,就是分隔成数组,再重新拼接成字符串。 

var str = "abcdaabbssaaa";
var a = str.split("a").join("");
console.log(a); // bcdbbss 

补充:js去掉字符串中的某个字段,字符,标点符号

 let str = 't01.t15.35565'
    // 使用 replace 方法,只能去掉一个
    let b = str.replace('.', '')
    console.log(b)
    console.log(b.length)

 

 let str = 't01.t15.35565'
    // 使用 replace 方法,只能去掉一个
    let b = str.replace('.', '')
    console.log(b)
    console.log(b.length)
    // 使用 正则加replace 方法,去掉所有的符合条件字符
    let c = str.replace(/\.|\>|\/|\?]/g, '')
    // console.log(c)
    // console.log(c.length)
 
     正则可以是其他的任意字段,只要符合你要求就可以

总结

到此这篇关于JavaScript删除字符串中指定字符的4种方法汇总的文章就介绍到这了,更多相关JS删除字符串指定字符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Element Plus UI 组件库中 mt-x 类详解

    Element Plus UI 组件库中 mt-x 类详解

    在ElementPlusUI组件库中,mt-x类用于设置元素的外边距,其中"mt"代表"margin-top",x表示外边距的大小,这种类名的使用可以快速调整元素的顶部外边距,简化样式管理,确保设计的一致性,本文给大家介绍Element Plus UI 组件库中 mt-x 类基本知识,感兴趣的朋友一起看看吧
    2024-11-11
  • layui问题之渲染数据表格时,仅出现10条数据的解决方法

    layui问题之渲染数据表格时,仅出现10条数据的解决方法

    今天小编就为大家分享一篇layui问题之渲染数据表格时,仅出现10条数据的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • Bootstrap模态框使用详解

    Bootstrap模态框使用详解

    这篇文章主要为大家详细介绍了Bootstrap模态框的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • ArtEditor富文本编辑器增加表单提交功能

    ArtEditor富文本编辑器增加表单提交功能

    artEditor是一款基于jQuery的移动端富文本编辑器,支持插入图片,后续完善其他功能。接下来通过本文给大家介绍ArtEditor富文本编辑器增加表单提交功能,对arteditor编辑器相关知识感兴趣的朋友一起学习吧
    2016-04-04
  • JavaScript中浅讲ajax图文详解

    JavaScript中浅讲ajax图文详解

    ajax对于各位来说,应该都不陌生,正因为ajax的产生,导致前台页面和服务器之间的数据传输变得非常容易,同时还可以实现页面的局部刷新。本文图文并茂给大家介绍了js中ajax知识,需要的朋友一起学习吧
    2016-11-11
  • JavaScript实现枚举的几种方法总结

    JavaScript实现枚举的几种方法总结

    在前端开发中,我们可能经常需要用到枚举,使用枚举的好处是为了让代码的可读性更强,避免直接使用数字或未知的字符串,但是在JavaScript中,要自己实现一个枚举功能,那么大家能想到多少种实现枚举的方法呢,我将介绍几种实现枚举的好方法
    2023-08-08
  • 封装了一个自动生成渐变字的JS类(clip)

    封装了一个自动生成渐变字的JS类(clip)

    之前做过一个生成渐变字体的简单演示今天闲着没事就把这个功能完善了,把JS代码封装成一个类,载入页面就可以使相应的HTML元素内部的字体产生渐变色。
    2008-11-11
  • dotopAlert 提示用户需安装播放器的代码

    dotopAlert 提示用户需安装播放器的代码

    dotopAlert 提示用户需安装播放器的代码,多用于电影站推广某些播放器
    2012-09-09
  • 不用MOUSEMOVE也能滑动啊

    不用MOUSEMOVE也能滑动啊

    不用MOUSEMOVE也能滑动啊...
    2007-05-05
  • 原生JS实现美图瀑布流布局赏析

    原生JS实现美图瀑布流布局赏析

    瀑布流布局很受广大网民的青睐,本篇文章给大家介绍原生JS实现美图瀑布流布局,非常漂亮,需要的朋友可以参考下
    2015-09-09

最新评论