Javascript字符串常用方法详解


Posted in Javascript onJuly 21, 2016

字符串

字符串就是一个或多个排列在一起的字符,放在单引号或双引号之中。

'abc'
"abc"

length属性

js里的字符串类似于数组,都是一个一个字符拼凑在一起组成的,因此可以用length属性取得字符串的长度

var str = "hello"
str.length; // 5

字符串常用的一些方法

1. charAt()

str.charAt(n)

=> 返回字符串的第 n 个字符,如果不在 0~str.length-1之间,则返回一个空字符串。

var str = "javascript";
str.charAt(2); //'v'
str.charAt(12); //''

2. indexOf()

indexOf(substr[,start])

=> 返回 substr 在字符串 str 中首次出现的位置,从 start 位置开始查找,如果不存在,则返回 -1。

start可以是任意整数,默认值为 0。如果 start < 0 则查找整个字符串(如同传进了 0)。如果 start >= str.length,则该方法返回 -1,除非被查找的字符串是一个空字符串,此时返回 str.length.

var str = "javascript";
str.indexOf('s'); // 1
str.indexOf('s',6); // -1
str.indexOf('',11); // 10
str.indexOf('',8); // 8

3. lastIndexOf()

lastIndexOf(substr[,start])

= > 返回 substr 在字符串 str 中最后出现的位置,从 start 位置 向前开始查找,如果不存在,则返回 -1。

'lastindex'.lastIndexOf('a'); // 1

4. substring()

str.substring(start[, end])

= > 返回从 start 到 end(不包括)之间的字符,start、end均为 非负整数。若结束参数(end)省略,则表示从start位置一直截取到最后。

var str = 'abcdefg';
str.substring(1, 4); //"bcd"
str.substring(1); // "bcdefg"
str.substring(-1); //"abcdefg" 传入负值时会视为0

5. slice()

str.slice(start[,end])

= > 返回从 start 到 end (不包括)之间的字符,可传负值

var str = 'this is awesome';
str.slice(4, -1); //" is awesom"

6. substr()

str.slice(start[,end])

= > 返回 str 中从指定位置开始到指定长度的子字符串,start可为负值

var str = "Just give me a reason";
str.substr(5, 10); // "give me a "
str.substr(-4, 2); // "as"

7. replace()

str.replace(regexp|substr, newSubStr|function)

= > 替换 str 的子字符串

var str = "do you love me";
str.replace('love','hate'); // "do you hate me"

8. search()

str.search(regexp)

= > 查找 str 与一个正则表达式是否匹配。如果匹配成功,则返回正则表达式在字符串中首次匹配项的索引;否则,返回 -1。如果参数传入的是一个非正则表达式对象,则会使用 new RegExp(obj) 隐式地将其转换为正则表达式对象

var str = 'I love JavaScript!';
str.search(/java/); // -1
str.search(/Java/); // 7
str.search(/java/i); // 7
str.search('Java'); // 7

9. match()

str.match(regexp)

= > 返回一个包含匹配结果的数组,如果没有匹配项,则返回 null。如果参数传入的是一个非正则表达式对象,则会使用 new RegExp(obj) 隐式地将其转换为正则表达式对象

var str = 'Javascript java';
str.match(/Java/); // ["Java"]
str.match(/Java/gi); // ["java", "Java"]
str.match(/ab/g); // null

10. split()

str.split([separator][, limit])

= >返回一个数组,分隔符 separator 可以是一个字符串或正则表达式

var str = "Hello?World!";
str.split(); // ["Hello?World!"]
str.split(''); // ["H", "e", "l", "l", "o", "?", "W", "o", "r", "l", "d", "!"]
str.split('?'); // ["Hello", "World!"]
str.split('',5); // ["H", "e", "l", "l", "o"]

11. trim()

str.trim()

= > 去除 str 开头和结尾处的空白字符,返回 str 的一个副本,不影响字符串本身的值

var str = ' abc ';
str.trim(); // 'abc'
console.log(str); // ' abc '

12. toLowerCase()

str.toLowerCase()

= > 将 str 转换为小写,并返回 str 的一个副本,不影响字符串本身的值

var str = 'JavaScript';
str.toLowerCase(); // 'javascript'
console.log(str); // 'JavaScript'

13. toUpperCase()

str.toUpperCase()

= > 将 str 转换为大写,并返回 str 的一个副本,不影响字符串本身的值

var str = 'JavaScript';
str.toUpperCase(); // 'JAVASCRIPT'
console.log(str); // 'JavaScript'

以上所述是小编给大家介绍的Javascript字符串常用方法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
超级兔子让浮动层消失的前因后果
Mar 09 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
jquery索引在使用中的一些困惑
Oct 24 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
Nov 07 Javascript
AngularJS基础教程之简单介绍
Sep 27 Javascript
JS实现的最简Table选项卡效果
Oct 14 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 Javascript
值得学习的bootstrap fileinput文件上传工具
Nov 08 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
Sep 02 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
Jul 21 #Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 #Javascript
如何用JS判断两个数字的大小
Jul 21 #Javascript
AngularJs基本特性解析(一)
Jul 21 #Javascript
jQuery表单验证插件解析(推荐)
Jul 21 #Javascript
JavaScript 数组- Array的方法总结(推荐)
Jul 21 #Javascript
完美JQuery图片切换效果的简单实现
Jul 21 #Javascript
You might like
一些星际专用术语解释
2020/03/04 星际争霸
第十四节 命名空间 [14]
2006/10/09 PHP
十天学会php之第一天
2006/10/09 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
openPNE常用方法分享
2011/11/29 PHP
PHP 日,周,月点击排行统计
2012/01/11 PHP
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
php使用GeoIP库实例
2014/06/27 PHP
通过修改配置真正解决php文件上传大小限制问题(nginx+php)
2015/09/23 PHP
php 时间time与日期date之间的使用详解及区别
2016/11/07 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
jQuery使用手册之一
2007/03/24 Javascript
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
2007/04/01 Javascript
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
javascript 最常用的10个自定义函数[推荐]
2009/12/26 Javascript
文本框水印提示效果的简单实现代码
2014/02/22 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
Python调用系统底层API播放wav文件的方法
2017/08/11 Python
css3的focus-within选择器的使用
2020/05/11 HTML / CSS
ET Mall东森购物网:东森严选
2017/03/06 全球购物
美国药妆网站:EDCskincare.com(防晒、痤疮、抗衰老等)
2017/04/28 全球购物
const char*, char const*, char*const的区别是什么
2014/07/09 面试题
宿舍使用违章电器检讨书
2014/01/12 职场文书
初一家长会邀请函
2014/01/31 职场文书
2014年实习期工作总结
2014/11/27 职场文书
授权委托书
2015/01/28 职场文书
社区五一劳动节活动总结
2015/02/09 职场文书
MySQL优化及索引解析
2022/03/17 MySQL