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 相关文章推荐
jquery 模拟类搜索框自动完成搜索提示功能(改进)
May 24 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
Sep 29 Javascript
一个简单的jquery进度条示例
Apr 28 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
JS实现alert中显示换行的方法
Dec 17 Javascript
JS弹出窗口插件zDialog简单用法示例
Jun 12 Javascript
JavaScript中Math对象的方法介绍
Jan 05 Javascript
vue2.0 父组件给子组件传递数据的方法
Jan 15 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
单页面vue引入百度统计的使用方法示例详解
Oct 13 Javascript
详解vue使用$http服务端收不到参数
Apr 19 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 上传功能实例代码
2010/04/13 PHP
PHP中数组定义的几种方法
2013/09/01 PHP
php权重计算方法代码分享
2014/01/09 PHP
简单的php缓存类分享     php缓存机制
2014/01/22 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
将PHP的session数据存储到数据库中的代码实例
2016/06/24 PHP
thinkphp3.2实现跨控制器调用其他模块的方法
2017/03/14 PHP
PHP fopen函数用法实例讲解
2019/02/15 PHP
js 函数的执行环境和作用域链的深入解析
2009/11/01 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
jQuery中:nth-child选择器用法实例
2014/12/31 Javascript
jquery获取css的color值返回RGB的方法
2015/12/18 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
jQuery封装animate.css的实例
2018/01/04 jQuery
js和jquery判断数据类型的4种方法总结
2020/08/28 jQuery
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
跟老齐学Python之有点简约的元组
2014/09/24 Python
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
python使用两种发邮件的方式smtp和outlook示例
2017/06/02 Python
使用python和pygame绘制繁花曲线的方法
2018/02/24 Python
详解Python if-elif-else知识点
2018/06/11 Python
pip安装py_zipkin时提示的SSL问题对应
2018/12/29 Python
python多线程http压力测试脚本
2019/06/25 Python
python的等深分箱实例
2019/11/22 Python
Python 内置函数globals()和locals()对比详解
2019/12/23 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
HTML5实现签到 功能
2018/10/09 HTML / CSS
介绍一下RMI的基本概念
2016/12/17 面试题
PyQt 如何创建自定义QWidget
2021/03/24 Python
先进党支部事迹材料
2014/01/13 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
搭讪开场白台词大全
2015/05/28 职场文书
详解Redis复制原理
2021/06/04 Redis