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 相关文章推荐
js null,undefined,字符串小结
Aug 21 Javascript
javascript删除字符串最后一个字符
Jan 14 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
jQuery中width()方法用法实例
Dec 24 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 Javascript
详解AngularJS controller调用factory
May 19 Javascript
深入理解移动前端开发之viewport
Oct 19 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
js中let能否完全替代IIFE
Jun 15 Javascript
layui select 禁止点击的实现方法
Sep 05 Javascript
通过实例解析js可枚举属性与不可枚举属性
Dec 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
PHP静态调用非静态方法的应用分析
2013/05/02 PHP
php class中public,private,protected的区别以及实例分析
2013/06/18 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
深入理解PHP内核(二)之SAPI探究
2015/11/10 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
Vue方法与事件处理器详解
2016/12/01 Javascript
js实现短信发送倒计时功能(正则验证)
2017/02/10 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
使用vue构建移动应用实战代码
2017/08/02 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
React组件内事件传参实现tab切换的示例代码
2018/07/04 Javascript
axios对请求各种异常情况处理的封装方法
2018/09/25 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
Python入门篇之字典
2014/10/17 Python
详解在Python和IPython中使用Docker
2015/04/28 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
快速解决pandas.read_csv()乱码的问题
2018/06/15 Python
Python logging模块用法示例
2018/08/28 Python
使用python进行波形及频谱绘制的方法
2019/06/17 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
活动倡议书范文
2014/05/13 职场文书
销售人员求职信
2014/07/22 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
财务整改报告范文
2014/11/05 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
2015暑期社会实践通讯稿
2015/07/18 职场文书
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python