js中字符串的方法总结
我们知道在JavaScript中,不仅引用类型也有方法和属性,而且string、number、boolean这三种基本数据类型也有方法和属性,有关详解可以参考我的上篇博文JavaScript中的包装类。
今天我们就来对字符串(严格地说,应该是 String对象)的属性和常用方法做个总结,有利于我们系统的学习和掌握
String对象的属性
String对象一共有三个属性:
constructor:对创建该对象的函数的引用
length:返回字符串的长度
prototype:允许您向对象添加属性和方法
最常用的 length 属性
实例:
var str = 'beautiful'
var len = str.length
console.log(len) // 9(字符串的长度为9)
String对象的方法
查找字符串中的字符串
indexOf(string,strart)方法
- 返回字符串中指定文本首次出现的索引(位置)
参数一:string 要查找的字符串
参数二:start 查找的起始位置(可省略)
实例:
var str = 'You are so beautiful and so cute'
var pos = str.indexOf('so')
console.log(pos) // 8('so'首次出现在str中的索引位置为 8)
lastIndexOf(string,start)方法
- 返回字符串中指定文本最后一次出现的索引(位置)
参数一:string 要查找的字符串
参数二:start 查找的起始位置(可省略)
实例:
var str = 'You are so beautiful and so cute'
var pos = str.lastIndexOf('so')
console.log(pos) // 25('so'最后一次出现在str中的索引位置为 25)
如果未找到文本,indexOf() 和 lastIndexOf()均返回 -1
search(string)方法
- 返回字符串中指定文本首次出现的索引(位置)
参数:string 要查找的字符串
实例:
var str = 'You are so beautiful and so cute'
var pos = str.search('so')
console.log(pos) // 8('so'首次出现在str中的索引位置为 8)
其中,indexOf() 和 search()是相等的,
不同的是:
1.search()方法无法设置第二个开始位置参数
2.indexOf()方法无法设置更强大的搜索值(正则表达式)
提取部分字符串
有三种提取部分字符串的方法:
1.slice(start,end)
2.substring(start,end)
3.substr(str,length)
slice(strart,end)方法
- 提取字符串的某个部分并在新字符串中返回被提取的部分
参数一:start 起始索引(开始位置)
参数二:end 结束索引(结束位置)可省略(省略则是裁剪开始位置到最后)
实例:
var str = 'You are so beautiful'
var res = str.slice(4,7)
console.log(res) // are
如果某个参数为负,则从字符串的结尾开始计数
下面例子裁剪字符串中位置 -17 到位置 -13 的片段
var str = 'You are so beautiful'
var res = str.slice(-17,-13)
console.log(res) // are
substring(strart,length)方法
- 类似于 slice()
不同的是 substring()无法接受负的索引
如果省略第二个参数,则裁剪开始位置到字符串末尾
实例:
var str = 'You are so beautiful'
var res = str.substring(4,10)
console.log(res) // are so
substr(strart,length)方法
- 类似 slice(),不同的是第二个参数规定被提取部分的长度
参数一:start 起始索引(开始位置)
参数二:length 被提取部分的长度 可省略(省略将裁剪到字符串最后)
同样:当 start 为负值时,从结尾开始计算
实例:
var str = 'You are so beautiful'
var res = str.substr(4,10)
console.log(res) // are so bea
替换字符串内容
replace(str,restr)方法
参数一:str 被替换的字符串
参数二:restr 替换的字符串
- 用另一个值替换在字符串中指定的值(且只会替换收个匹配)
注意:该方法对大小写敏感,该方法可以匹配正则表达式!
实例:
var str = 'You are so beautiful'
var res = str.replace('beautiful','cute')
console.log(res) // You are so cute
转换为大写和小写
toUpperCase()方法
- 把字符串转换为大写
注意:该方法对大小写敏感,该方法可以匹配正则表达式!!!
实例:
var str = 'You are so beautiful'
var res = str.toUpperCase()
console.log(res) // YOU ARE SO BEAUTIFUL
toLowerCase()方法
- 把字符串转换为小写
注意:该方法对大小写敏感,该方法可以匹配正则表达式!!!
实例:
var str = 'BEAUTIFUL'
var res = str.toLowerCase()
console.log(res) // beautiful
concat()方法
- 连接两个或多个字符串
实例:
var str1 = 'hello'
var str2 = 'world'
var res = str1.concat(' ',str2)
console.log(res) // hello world
String.trim()方法
- 删除字符串两端的空白符
实例:
var str = ' hello world '
var res = str.trim()
console.log(res) // 'hello world'
提取字符串字符
这是两个提取字符串字符的安全方法:
1. charAt(position)
2. charCodeAt(position)
charAt()方法
- 返回字符串中指定下标(位置)的字符串:
实例:
var str = 'You are so beautiful'
var res = str.charAt(0)
console.log(res) // Y
charCodeAt()方法
- 返回字符串中指定索引的字符 unidoce 编码:
实例:
var str = 'You are so beautiful'
var res = str.charCodeAt(0)
console.log(res) // 89
属性访问
ECMAScript 5(2009)允许对字符串的属性访问 [ ]:
实例:
var str = 'You are so beautiful'
console.log(str[0]) // Y
注意:
1.属性访问是只读的,不能赋值
2.找不到字符串,会返回 undefined,而 charAt()返回空字符串
3.让字符串看起来像是数组(其实并不是)
把字符串转换为数组
split(分隔符)方法
- 将字符串转换为数组
实例:
var str = 'You are so beautiful'
var arr = str.split(' ')
console.log(arr) // ['You', 'are', 'so', 'beautiful']
支持正则表达式的 String 对象的方法
search 检索与正则表达式相匹配的值
match 找到一个或多个正则表达式的匹配
replace 替换与正则表达式匹配的子串
split 把字符串分割为字符串数组