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 删除或抽取字符串指定字符的方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序 弹窗自定义实例代码

    微信小程序 弹窗自定义实例代码

    这篇文章主要介绍了微信小程序 弹窗自定义实例代码的相关资料,有时候做开发项目的时候需要根据客户需求更改原系统的组件,这里就对小程序中弹窗进行更改,需要的朋友可以参考下
    2017-03-03
  • javascript实现多级联动下拉菜单的方法

    javascript实现多级联动下拉菜单的方法

    这篇文章主要介绍了javascript实现多级联动下拉菜单的方法,通过javascript自定义函数实现对多级联动下拉菜单的操作,是非常实用的技巧,需要的朋友可以参考下
    2015-02-02
  • 使用JavaScript italics方法实现文本变斜体教程示例

    使用JavaScript italics方法实现文本变斜体教程示例

    这篇文章主要为大家介绍了JavaScript italics实现文本变斜体教程示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • JS Ajax请求如何防止重复提交

    JS Ajax请求如何防止重复提交

    这篇文章主要介绍了JS Ajax请求如何防止重复提交的相关资料,通过覆盖掉$.ajax而达到防止重复提交的问题,实现代码简单,需要的朋友可以参考下
    2016-06-06
  • JS控制表单提交的方法

    JS控制表单提交的方法

    这篇文章主要介绍了JS控制表单提交的方法,可实现基于javascript提交表单信息的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • JS 日期比较大小的简单实例

    JS 日期比较大小的简单实例

    本篇文章主要是对JS日期比较大小的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • JavaScript前后端数据交互工具ajax使用教程

    JavaScript前后端数据交互工具ajax使用教程

    Ajax(Asynchronous Javascript And XML),即是异步的JavaScript和XML,Ajax其实就是浏览器与服务器之间的一种异步通信方式
    2022-10-10
  • 基于javascript实现动态时钟效果

    基于javascript实现动态时钟效果

    这篇文章主要为大家详细介绍了基于javascript实现动态时钟效果的相关资料,动态显示系统当前时间,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 基于JS实现数字动态变化显示效果附源码

    基于JS实现数字动态变化显示效果附源码

    我们经常看到液晶电子表样式,数字动态显示,动态变化的在指定元素内显示数字。怎么实现效果呢?下面小编给大家带来了基于JS实现数字动态变化显示效果 ,感兴趣的朋友一起看看吧
    2019-07-07
  • 详解javascript表单的Ajax提交插件的使用

    详解javascript表单的Ajax提交插件的使用

    本文主要介绍了javascript表单的Ajax提交插件的使用,具有一定的参考价值。下面跟着小编一起来看下吧
    2016-12-12

最新评论