JavaScript 删除或抽取字符串指定字符的方法(极为常用)

 更新时间:2021年12月29日 09:35:50   作者:前端老实人  
这篇文章主要给大家分享了极为常用的JavaScript 删除或抽取字符串指定字符的所有方法,具有一定的参考价值,需要的小伙伴可以参考一下

1.substring()

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

let  a = "1,2,3";
document.write(a.substring(2,a.Length))
//第一个参数从下标为0的字符开始,包括当前下标0,
//第二个参数到下标为几的字符结束,不包含当前下标,默认比要提取的子串的最后一个字符在字符串中的下标位置长度多+1
 
//从第2个下标截取到总长度+1,所以结果输出为:2,3

2.substr()

方法可在字符串中抽取从下标为几的到下标为几指定数量的字符

var str="Hello!";
var n=str.substr(2,3)
//从下标为2的字符往后抽取3个,输出结果为:llo

3.indexOf()

方法可返回某个指定的字符串值在字符串中首次出现的位置,没有找到匹配到则返回 -1

var str="runab site";
var n=str.indexOf("a");
//只指定一个参数则从头查询,规定需检索的字符串值,查询到值返回指定下标
//第二个参数规定在字符串中开始检索的位置(包括输入的下标),查询到返回指定下标
//输出结果为:3

4.lastIndexOf()

方法可返回一个指定的字符串值最后出现的位置,没有找到匹配字符串则返回 -1

var str="runab site";
var n=str.lastIndexOf("a",3);
//只指定一个参数则从尾部向前查询,查询到返回指定下标
//第二个参数是从下标为几的字符开始向前查询(包括输入的下标),查询到返回指定下标
//输出结果为:3
 
 
//结合上面配合使用(返回最后一个字符)
let str= str.substring(0, str.lastIndexOf('e'));

5.replace()

方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

var str="大家好!";
var n=str.replace("大","小");
//输出结果为: 小家好!
 
 
//还可以用正则替换
var str="大家好大";
var n=str.replace(/大/g,"小");  //g是全局替换
//输出结果为:小家好小
 
//把第二个参数设为空可删除字符串
var str="大家好大";
var n=str.replace(/大/g,"");  //g是全局替换
//输出结果为:家好
 

有时候截取完字符需要拼接,可以这样

var str="hello world!"
var items=str.split("ll")      // ["he", "oWorld!"]
//会得到一个数组,items数组中包括利用ll分割后的多个字符串(不包括ll)
var newStr=items.join("");       // heoWorld!
//join()将数组中的数组使用空串连接成一个新字符串,不加引号默认逗号分隔

补充:

  • slice(start, end) 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。使用 start(包含) 和 end(不包含) 参数来指定字符串提取的部分,传负数就是从后截取。
  • includes() 方法用于判断字符串是否包含指定的子字符串,如果找到匹配的字符串则返回 true,否则返回 false
  • search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
  • match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
  • test() 方法用于检索字符串中指定的值。返回 true 或 false。
  • exec() 方法用于检索字符串中的正则表达式的匹配。返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值为 null。

到此这篇关于JavaScript 删除或抽取字符串指定字符的方法(极为常用)的文章就介绍到这了,更多相关JavaScript 删除或抽取字符串指定字符的方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 很棒的js Tab选项卡切换效果

    很棒的js Tab选项卡切换效果

    这篇文章主要介绍了很棒的js Tab选项卡切换效果,简单的选项卡切换特效,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • javaScript+turn.js实现图书翻页效果实例代码

    javaScript+turn.js实现图书翻页效果实例代码

    这篇文章主要介绍了javaScript+turn.js实现图书翻页效果实例代码,重点讲解turn.js 如何使用的。需要的朋友可以参考下
    2017-02-02
  • 利用JS实现获取当前系统电量情况

    利用JS实现获取当前系统电量情况

    在前端浏览器中我们可以通过使用JavaScript的navigator.getBattery()方法来获取当前系统的电池情况,本文将介绍如何使用这个API以及它在实际应用中的使用,需要的可以参考下
    2023-12-12
  • JavaScript中防止微信浏览器被整体拖动的方法

    JavaScript中防止微信浏览器被整体拖动的方法

    这篇文章主要介绍了JavaScript中防止微信浏览器被整体拖动的方法,需要的朋友可以参考下
    2017-08-08
  • 在子窗口中关闭父窗口的一句代码

    在子窗口中关闭父窗口的一句代码

    在子窗口中关闭父窗口在某些特殊的情况下还是有存在的必要的,其实很简单,只需一句代码便可实现,感兴趣的朋友可以了解下
    2013-10-10
  • 用于table内容排序

    用于table内容排序

    用于table内容排序...
    2006-07-07
  • javascript中Date对象应用之简易日历实现

    javascript中Date对象应用之简易日历实现

    这篇文章主要为大家详细介绍了javascript中Date对象应用之简易日历实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 如何利用moment处理时间戳并计算时间的差值

    如何利用moment处理时间戳并计算时间的差值

    前端很多场景都会涉及到对时间的处理,我所用得最多的库是moment,下面这篇文章主要给大家介绍了关于如何利用moment处理时间戳并计算时间的差值的相关资料,需要的朋友可以参考下
    2022-04-04
  • 教你用纯JS实现语雀的划词高亮功能

    教你用纯JS实现语雀的划词高亮功能

    最近在搞一个网站,需要在内容区域实现划词高亮功能,所以下面这篇文章主要给大家介绍了关于如何用纯JS实现语雀的划词高亮功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • JavaScript制作3D旋转相册

    JavaScript制作3D旋转相册

    这篇文章主要为大家详细介绍了JavaScript制作3D旋转相册,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10

最新评论