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写的一个简易的投票
Nov 27 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 Javascript
JS脚本defer的作用示例介绍
Jan 02 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
Oct 04 Javascript
JS实现数组去重方法总结(六种方法)
Jul 14 Javascript
layui 动态设置checbox 选中状态的例子
Sep 02 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
Oct 24 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
node.JS路径解析之PATH模块使用方法详解
Feb 06 Javascript
八种Vue组件间通讯方式合集(推荐)
Aug 18 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 array_multisort() 函数的深入解析
2013/06/20 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
jquery.validate使用攻略 第二部
2010/07/01 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
2011/01/06 Javascript
jquery插件开发注意事项小结
2013/06/04 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
JavaScript跨域方法汇总
2014/10/16 Javascript
简单学习JavaScript中的for语句循环结构
2015/11/10 Javascript
jQuery插件formValidator实现表单验证
2016/05/23 Javascript
Js删除数组中某一项或几项的几种方法(推荐)
2016/07/27 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
利用JS屏蔽页面中的Enter按键提交表单的方法
2016/11/25 Javascript
超全面的JavaScript开发规范(推荐)
2017/01/21 Javascript
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
2017/05/20 jQuery
vue 基于element-ui 分页组件封装的实例代码
2018/12/10 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
vue通过video.js解决m3u8视频播放格式的方法
2019/07/30 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
Python txt文件加入字典并查询的方法
2019/01/15 Python
python实现贪吃蛇游戏
2020/03/21 Python
Python3利用Dlib实现摄像头实时人脸检测和平铺显示示例
2019/02/21 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
Python基于requests库爬取网站信息
2020/03/02 Python
简单了解python调用其他脚本方法实例
2020/03/26 Python
python 服务器运行代码报错ModuleNotFoundError的解决办法
2020/09/16 Python
CSS3 please 跨浏览器的CSS3产生器
2010/03/14 HTML / CSS
HTML5的文档结构和新增标签完全解析
2017/04/21 HTML / CSS
Cotton On美国网站:澳洲时装连锁品牌
2016/10/25 全球购物
马来西亚网上购物:Youbeli
2018/03/30 全球购物
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
销售会计工作职责
2013/12/02 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
一名老师的自我评价
2014/02/07 职场文书
2016感恩父亲节主题广播稿
2015/12/18 职场文书