新闻 资讯 金融 知识 财经 理财 科技 金融 经济 产品 系统 连接 科技 聚焦
首页 > 科技 > 未来医疗 > > 正文

js截取字符串常用方法介绍 如何使用js截取指定字符串前面所有的字符?js使用简介

2022-06-16 17:11:18来源:科技头条

js截取字符串使用还是比较广泛的,并且有很多方法,下面整理几种比较常用的,希望对大家有所帮助。

js截取字符串常用方法

使用 substring()或者slice()

函数:split()

功能:使用一个指定的分隔符把一个字符串分割存储到数组

例子:

str=”jpg|bmp|gif|ico|png”;

arr=theString.split(”|”);

//arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

函数:Join()

功能:使用您选择的分隔符将一个数组合并为一个字符串

例子:

复制代码 代码如下:

var delimitedString=myArray.join(delimiter);

var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);

var portableList=myList.join(”|”);

//结果是jpg|bmp|gif|ico|png

函数:substring()

功能:字符串截取,比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6)

函数:indexOf()

功能:返回字符串中匹配子串的第一个字符的下标

复制代码 代码如下:

var myString=”JavaScript”;

var w=myString.indexOf(”v”);w will be 2

var x=myString.indexOf(”S”);x will be 4

var y=myString.indexOf(”Script”);y will also be 4

var z=myString.indexOf(”key”);z will be -1

续:

1.substring 方法

定义和用法

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

语法

stringObject.substring(start,stop)

参数 描述

start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。

stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

返回值

一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

说明

substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。

如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。

如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。

如果 start 或 end 为负数,那么它将被替换为 0。

2.substr 方法

定义和用法

substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

语法

stringObject.substr(start [, length ])

参数 描述

start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。

length 可选。在返回的子字符串中应包括的字符个数。

说明

如果 length 为 0 或负数,将返回一个空字符串。

如果没有指定该参数,则子字符串将延续到stringObject的最后。

在js中,通过indexOf()可以获得指定字符串的位置索引值,使用substring()截取字符串方法,便可以实现截取指定字符串前面所有的字符。下面小编以截取bb字符串前面的字符为例,讲解如何使用js截取指定字符串前面所有的字符。

工具/原料

html+js

代码编辑器:Dreamweaver CS5

方法/步骤

1

新建一个html文件,命名为test.html,用于讲解如何使用js截取指定字符串前面所有的字符。

2

在test.html文件内,在p标签内,使用input标签创建一个字符串输入框,并设置其id为mystr。

3

在test.html文件内,使用button标签创建一个按钮,按钮名称为“截取bb字符串前面的字符串”。

4

在test.html文件内,并给button按钮绑定onclick点击事件,当按钮被点击时,执行getstrat()函数。

5

在js标签中,创建getstrat()函数,在函数内,使用getElementById()方法通过id(mystr)获得input对象,利用value属获得输入框中的字符串,同时使用indexOf()方法获得字符串bb的位置,将位置保存承wz变量中。

6

在getstrat()函数内,使用substring()方法从第一个字符开始截取字符串(即0位置),结束截取位置为上一步获得的bb字符串的位置。最后,使用alert()方法将截取的字符串输出。

7

在浏览器打开test.html文件,输入字符串,点击按钮,查看结果。

END

总结:

1、创建一个test.html文件。

2、在文件内,在p标签内,使用input标签创建一个字符串输入框,同时创建一个button按钮,用于触发执行js函数。

3、在js标签内,创建函数,在函数内,使用getElementById()方法通过id(mystr)获得input对象,利用value属获得输入框中的字符串,同时使用indexOf()方法获得字符串bb的位置,再使用substring()方法从第一个字符开始截取字符串(即0位置),结束截取位置为上一步获得的bb字符串的位置。

END

注意事项

substring()方法第一个参数为开始截取的位置,第二个参数为结束截取的位置。

关键词: 截取字符串 截取制定字符串 截取字符串常用方法 软件应用

热点
39热文一周热点