Javascript字符串常用方法详解
字符串
字符串就是一个或多个排列在一起的字符,放在单引号或双引号之中。
'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字符串常用方法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
- 本篇文章主要分享了通过window.navigator来判断浏览器及其版本信息的实例代码。具有一定的参考价值,下面跟着小编一起来看下吧...2017-01-23
- 这篇文章主要介绍了js如何实现浏览器打印功能,文中示例代码非常详细,帮助大家更好的理解和学习,感兴趣的朋友可以了解下...2020-07-15
- 下面小编就为大家带来一篇利用JS实现点击按钮后图片自动切换的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-25
- 作为前端,一直以来都知道HTTP劫持与XSS跨站脚本、CSRF跨站请求伪造。防御这些劫持最好的方法是从后端入手,前端能做的太少。而且由于源码的暴露,攻击者很容易绕过防御手段。但这不代表我们去了解这块的相关知识是没意义的,本文的许多方法,用在其他方面也是大有作用。...2021-05-24
- 这篇文章主要给大家介绍了关于Nest.js参数校验和自定义返回数据格式的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-28
- 那么今天我就用JavaScript代码来实现这个效果吧,那么首先介绍一下整个的思路,首先我们先将确定输入密码的位数,我的需求是5位,那么就用一个div标签包住5个input标签...2016-01-02
- 这篇文章主要为大家详细介绍了js实现上传图片及时预览的相关资料,具有一定的参考价值,感兴趣的朋友可以参考一下...2016-05-09
- 这篇文章主要为大家详细介绍了js+css实现回到顶部按钮back to top回到顶部按钮,感兴趣的小伙伴们可以参考一下...2016-03-03
- 这篇文章主要给大家介绍了一个关于JS正则匹配的踩坑记录,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-04-13
- 这篇文章主要介绍了如何使用JavaScript实现“无缝滚动 自动播放”轮播图效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-08-20
- 这篇文章主要介绍了js实现调用网络摄像头及常见错误处理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-07
- 这篇文章主要为大家详细介绍了JS实现随机生成验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-06
- 这篇文章主要为大家详细介绍了js实现列表按字母排序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-08-11
- 这篇文章主要介绍了js组件SlotMachine实现图片切换效果制作抽奖系统的相关资料,需要的朋友可以参考下...2016-04-19
- 这篇文章主要介绍了基于JavaScript实现文字超出部分隐藏 的相关资料,需要的朋友可以参考下...2016-03-01
- 有时候我们需要屏蔽客户端的F12,以防菜鸟也可以随意修改我们的代码,也处于源码的保护等操作,这里就为大家分享一下常见的代码...2020-10-03
- 这篇文章主要介绍了JS创建Tag标签的方法,结合具体实例形式分析了javascript动态操作页面HTML元素实现tag标签功能的步骤与相关操作技巧,需要的朋友可以参考下...2017-06-15
- Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统.这篇文章主要介绍了vue.js 表格分页ajax 异步加载数据的相关资料,需要的朋友可以参考下...2016-10-20
- 为了网站的安全性,很多朋友都把密码设的比较复杂,但是如何密码不能明显示,不知道输的是对是错,为了安全起见可以把密码显示的,那么基于js代码如何实现的呢?下面通过本文给大家介绍JavaScript实现表单密码的隐藏和显示,需要的朋友参考下...2016-03-03
- 这篇文章主要介绍了JS实现响应鼠标点击动画渐变弹出层效果代码,具有非常自然流畅的动画过度效果,涉及JavaScript针对鼠标事件的响应及页面元素样式的动态操作相关技巧,需要的朋友可以参考下...2016-03-28