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 相关文章推荐
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
javascript数字时钟示例分享
Apr 23 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
JavaScript学习笔记之JS函数
Jan 22 Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 Javascript
js浏览器html5表单验证
Oct 17 Javascript
预防网页挂马的方法总结
Nov 03 Javascript
微信小程序 设置启动页面的两种方法
Mar 09 Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
基于vuex实现购物车功能
Jan 10 Vue.js
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
操作Oracle的php类
2006/10/09 PHP
关于php内存不够用的快速解决方法
2013/10/26 PHP
php通过PHPExcel导入Excel表格到MySQL数据库的简单实例
2016/10/29 PHP
Javascript typeof 用法
2008/12/28 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
2012/02/23 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
2013/04/26 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
Bootstrap表单简单实现代码
2017/03/06 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
2017/09/15 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
2019/03/21 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
[00:35]TI7不朽珍藏III——寒冰飞龙不朽展示
2017/07/15 DOTA
[01:06:12]VP vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python实现的各种排序算法代码
2013/03/04 Python
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
详解python中requirements.txt的一切
2017/03/03 Python
Python OpenCV实现鼠标画框效果
2020/08/19 Python
python类的实例化问题解决
2019/08/31 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
Python 模拟生成动态产生验证码图片的方法
2020/02/01 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
使用HTML5的Notification API制作web通知的教程
2015/05/08 HTML / CSS
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
产品销售员岗位职责
2013/12/18 职场文书
毕业生自荐书
2014/02/03 职场文书
消防先进事迹材料
2014/02/10 职场文书
政府门卫岗位职责
2014/04/29 职场文书
解除劳动合同证明书
2014/09/26 职场文书
2014年社区矫正工作总结
2014/11/18 职场文书
2014年班级工作总结范文
2014/12/23 职场文书
投诉书格式范本
2015/07/02 职场文书
Redis集群节点通信过程/原理流程分析
2022/03/18 Redis