Javascript中使用String对象的方法

简介: String对象有许多的方法,因此我们这里的讨论范围只限于其中的两个,indexOf()和 substring()方法。

String对象有许多的方法,因此我们这里的讨论范围只限于其中的两个,indexOf() substring()方法。

你已经看到,JavaScript字符串是由字符组成的。这些字符中的每一个都有一个索引。这个索引是从0开始的,所以第一个字符的位置的索引是0,第二个是1,以此类推。方法indexOf()查找并返回子字符串起始的索引位置(lastIndexOf()方法则返回子字符串结束的位置)。举个例子,如果我们想让我们的用户输入e-mail地址,我们能检查在它们的输入中是否包含@符号。(虽然这不能确保邮件地址是合法的,但至少可以在很大程度上确保其有效,稍候我们会在这本书中接触更复杂的数据校验。)

接下来,我们使用prompt()方法获取用户的 e-mail地址,然后检查输入中是否包含@符号,并使用indexOf()返回@符号的索引:

<html>

<body>

<script type="text/javascript">

var userEmail= prompt( "Please enter your email

address ", "" );

document.write( userEmail.indexOf( "@" ) );

</script>

</body>

</html>

如果没有发现@ ,在页面中会输出-1。只要在这个字符出现在输入字符串中的任何位置,就会返回索引中它的位置,换句话说某个大于-1的数。

substring()函数使用子字符串的起始和结束位置的索引作为参数,从另一个字符串中截取一个字符串。我们可以不使用第二个参数来返回从第一个索引到字符串结束的所有字符串。因此要截取从第三个字符(索引2)到第六个字符(索引5)的索引字符,我们这样写:

<html>

<body>

<script type="text/javascript">

var myOldString = "Hello World";

var myNewString = myOldString.substring( 2, 5 );

document.write( myNewString );

</script>

</body>

</html>

你在浏览器中会看到页面中输出了llo。注意substring()方法复制了它返回的子字符串,但它没有改变原来的字符串。

当你处理未知的值时,substring()方法真的会用到它自己。这是另一个例子,它同时使用了indexOf()和substring()方法:

<html>

<body>

<script type="text/javascript">

var characterName = "my name is Simpson, Homer";

var firstNameIndex = characterName.indexOf( "Simpson,

" ) + 9;

var firstName = characterName.substring( firstNameIndex );

document.write( firstName );

</script>

</body>

</html>

我们在变量characterName的字符串中提取Homer,使用indexOf()查找姓的起始位置,然后给它加上9得到名的起始位置的索引(因为Simpson, 9个字符的长度),并把它存储在firstNameIndex中。它会在substring()方法中被使用来提取从名的起始开始的所有字符-我们没有指定最后一个索引,因此这个字符串中的其余字符都会被返回。

 
相关文章
|
6月前
|
JavaScript 前端开发
JavaScript 中如何检测一个变量是一个 String 类型?
JavaScript 中如何检测一个变量是一个 String 类型?
62 2
|
5天前
|
JavaScript 前端开发 开发者
|
1月前
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
40 3
|
2月前
|
JavaScript 前端开发 Python
JavaScript写个.ts视频文件Url生成器,使用了string.padStart
JavaScript写个.ts视频文件Url生成器,使用了string.padStart
|
2月前
|
JavaScript 前端开发 API
javaScript中常用的String方法以及注意点总结
本文总结了JavaScript中常用的String对象的方法及其注意事项,包括大小写转换、字符获取、子字符串截取、字符串拼接、去除空格、替换、分割以及查找字符串中字符的索引等操作。提供了每种方法的使用示例代码,帮助理解它们的具体用法和差异。
37 2
|
3月前
|
JavaScript 算法 前端开发
JS算法必备之String常用操作方法
这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。
JS算法必备之String常用操作方法
|
2月前
|
JavaScript 前端开发
今天被JavaScript的String型和数字型的+运算撞了一下腰。
今天被JavaScript的String型和数字型的+运算撞了一下腰。
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
这篇文章介绍了JavaScript中的数组、Date对象、Math对象以及包装类(String、Number、Boolean),并详细讲解了数组的创建、方法(如forEach、push、pop、unshift、slice、splice)和遍历操作,以及工厂方法创建对象和原型对象的概念。
JavaScript基础&实战(5)js中的数组、forEach遍历、Date对象、Math、String对象
|
5月前
|
JavaScript 前端开发 索引
JavaScript有7个数据类型:Number, String, Boolean, Null, Undefined, Symbol(BES6)和BigInt(ES10)组成基本类型
【6月更文挑战第25天】JavaScript有7个数据类型:Number, String, Boolean, Null, Undefined, Symbol(BES6)和BigInt(ES10)组成基本类型,而Object包括Array、Function等是引用类型。Objects可以包含键值对,Array是特殊的Object。Functions也是对象。`null`和`undefined`被视为特殊的原始值。
52 1
|
6月前
|
JavaScript
js 字符串String转对象Object
该代码示例展示了如何将一个以逗号分隔的字符串(`&#39;1.2,2,3,4,5&#39;`)转换为对象数组。通过使用`split(&#39;,&#39;)`分割字符串并`map(parseFloat)`处理每个元素,将字符串转换成浮点数数组,最终得到一个对象数组,其类型为`object`。
356 2