在JavaScript中访问字符串的子串

更新时间：2015年07月07日 09:47:30 投稿：goldensun

这篇文章主要介绍了在JavaScript中访问字符串的子串,是JS入门学习中的基础知识,需要的朋友可以参考下

使用substring()或slice()方法(NN4+, IE4+)，下面说明它们的具体用法。

substring()的原型为：

string.substring(from, to)

第一个参数from指定了子字符串在原字符串中的起始位置(基于0的索引)；第二个参数to是可选的，它指定了子字符串在原字符串的结束位置(基于0的索引)，一般情况下，它应比from大，如果它被省略，那么子字符串将一直到原字符串的结尾处。

如果参数from不小心比参数to大了会怎样？JavaScript会自动调解子字符串的起止位置，也就是说，substring()总是从两个参数中较小的那个开始，到较大的那个结束。不过要注意，它包含起始位置的那个字符，但不包含结束位置的那个字符。

   var fullString = "Every dog has his day.";


   var section = fullString.substring(0, 4); // section is "Ever".


   section = fullString.substring(4, 0);   // section is also "Ever".


   section = fullString.substring(1, 1);   // section is an empty string.


   section = fullString.substring(-2, 4); // section is "Ever", same as fullString.substring(0, 4);  slice()的原型为： string.slice(start, end)

参数start表示子串的起始位置，如果为负数，那么可以理解为倒数第几个开始，例如-3表示从倒数第三个开始；参数end表示结束位置，与start一样，它也可以为负数，其含义也表示到倒数第几个结束。slice()的参数可以为负数，所以要比substring()更加灵活，但没那么宽容了，如果start比end要大，它将返回一个空字符串(示例略)。

还有一个方法是substr()，其原型为：

string.substr(start, length)

从原型可以看出它的参数的含义，start表示起始位置，length则表示子字符串的长度。JavaScript标准不提倡使用该方法。

您可能感兴趣的文章:

js css后面所带参数含义介绍
网页链接的js css后面总是带有一些参数，想必大家并不陌生，下面为大家介绍下这些参数的含义，感兴趣的朋友可以参考下
2013-08-08
JavaScript基础语法与数据类型介绍
这篇文章介绍了JavaScript基础语法与数据类型，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-02-02
JavaScript对象内置对象,值类型和引用类型讲解
本文讲述了JavaScript的一些对象，值的类型和引用类型的讲解，详细的使用图文进行说明归纳和整理
2021-06-06
DOM 事件流详解
这篇文章主要详细介绍了DOM中的事件流，包括冒泡型事件、事件监听、标准DOM事件监听这三个方面，十分详细，推荐给大家。
2015-01-01
JavaScript splice()方法详解
这篇文章介绍了JavaScript splice()方法，有需要的朋友可以参考一下
2013-11-11
JavaScript:Date类型全面解析
下面小编就为大家带来一篇JavaScript:Date类型全面解析。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦
2016-05-05
js中基础的数据类型详解
这篇文章主要为大家介绍了 javascript中基础的数据类型，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-01-01
深入了解JS之作用域和闭包
这篇文章主要介绍了JS之作用域和闭包的相关知识，文中讲解非常详细，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-06-06
想学习javascript JS和jQuery哪个重要先学哪个
在一些技术论坛与qq群经常看到有这样类似的提问，当然提出这样问题的通常都是新手为了解决大家的疑惑，同时帮助新手程序员能更快掌握学习的方向，不致于弄错重点
2016-12-12
JavaScript面向对象中的封装和继承你了解吗
这篇文章主要为大家详细介绍了JavaScript面向对象中的封装和继承，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-02-02