[toc]
###(1) str.length => 返回字符串的长度
~~~
var str = 'JavaScript';
str.length; // 10
~~~
###(2) str.charAt(n) => 返回字符串的第n个字符,如果n不在0 ~ str.length-1之间,返回一个空字符串
~~~
var str = 'JavaScript';
str.charAt(3); // 'a'
str.charAt(10); // ''
~~~
###(3) str.indexOf(substr[, start]) => 返回 substr 在字符串 str 中首次出现的位置,从 start 位置开始查找,如果不存在,则返回 -1。
start可以是任意整数,默认值为 0。如果 start < 0 则查找整个字符串(如同传进了 0)。如果 start >= str.length,则该方法返回 -1,除非被查找的字符串是一个空字符串,此时返回 str.length
~~~
var str = 'JavaScript';
str.indexOf('av'); // 1
str.indexOf('av',2); // -1
str.indexOf('',11); // 10
str.indexOf('',8); // 8
~~~
eg: 使用 indexOf 统计一个字符串中某个字母出现的次数
~~~
var str = 'To be, or not to be, that is the question.';
var count = 0;
var pos = str.indexOf('e');
while (pos !== -1) {
count++;
pos = str.indexOf('e', pos + 1);
}
console.log(count); // 4
~~~
###(4) str.lastIndexOf(substr[, start]) => 返回 substr 在字符串 str 中最后出现的位置,从 start 位置向前开始查找,如果不存在,则返回 -1。
```
"canal".lastIndexOf("a") // 3
```
###(5) str.includes(substr[, start]) => ES6方法判断 substr 是否被包含在 str 中,如果是返回true,否则返回false
~~~
var str = 'To be, or not to be, that is the question.';
str.includes('To be'); // true
str.includes('To be', 1); // false
str.includes('TO BE'); // false
~~~
###(6) str.startsWith(substr[, start]) => ES6方法判断 str 是否是以 substr “开头”的,如果是返回true,否则返回false
~~~
var str = "To be, or not to be, that is the question.";
str.startsWith("To be"); // true
str.startsWith("not to be"); // false
str.startsWith("not to be", 10); // true
~~~
###(7) str.endsWith(substr[, n]) => ES6方法判断 str 是否是以 substr “结尾”的,如果是返回true,否则返回false。可选参数n表示前n个字符,默认值 str.length
~~~
var str = "To be, or not to be, that is the question.";
str.endsWith("question."); // true
str.endsWith("to be"); // false
str.endsWith("To be", 5); // true
~~~
###(8) str.repeat(n) => ES6方法返回一个新字符串,表示将str重复n次,n >= 0
~~~
"abc".repeat(0) // ""
"abc".repeat(1) // "abc"
"abc".repeat(2) // "abcabc"
"abc".repeat(3.6) // "abcabcabc"
~~~
###(9) str.toLowerCase() => 将 str 转换为小写,并返回 str 的一个副本,不影响字符串本身的值
~~~
var str = 'JavaScript';
str.toLowerCase(); // 'javascript'
console.log(str); // 'JavaScript'
~~~
###(10) str.toUpperCase() => 将 str 转换为大写,并返回 str 的一个副本,不影响字符串本身的值
~~~
var str = 'JavaScript';
str.toUpperCase(); // 'JAVASCRIPT'
console.log(str); // 'JavaScript'
~~~
###(11) str.trim() => 去除 str 开头和结尾处的空白字符,返回 str 的一个副本,不影响字符串本身的值
~~~
var orig = ' foo ';
orig.trim(); // 'foo'
console.log(orig); // ' foo '
~~~
###(12) str.substring(start[, end]) => 返回从 start 到 end(不包括)之间的字符,start、end均为非负整数
~~~
var str = 'JavaScript';
str.substring(0,4); // 'Java'
str.substring(4,0); // 'Java',start > end,执行效果相当于将两个参数调换
str.substring(4,4); // '',start == end,返回空字符串
~~~
###(13) str.substr(start[, length]) => 返回 str 中从指定位置开始到指定长度的子字符串,start可为负值
~~~
var str = 'JavaScript';
str.substr(0,4); // 'Java'
str.substr(-6,6); //'Script'
~~~
###(14) str.slice(start[, end]) => 返回从 start 到 end(不包括)之间的字符,start、end可为负值
~~~
var str = 'The morning is upon us!';
str.slice(4, -1); // 'morning is upon us'
str.slice(1, 3); // 'he'
~~~
###(15) str.replace(regexp|substr, newSubStr|function) => 替换 str 的子字符串
~~~
var str = "Apples are round, and apples are juicy.";
str.replace('apples','oranges'); // "Apples are round, and oranges are juicy."
str.replace(/apples/gi, "oranges"); // "oranges are round, and oranges are juicy."
~~~
###(16) 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
~~~
###(17) str.match(regexp) => 返回一个包含匹配结果的数组,如果没有匹配项,则返回 null。如果参数传入的是一个非正则表达式对象,则会使用 new RegExp(obj) 隐式地将其转换为正则表达式对象
~~~
var str = 'Boy boy, Gay gay!';
str.match(/boy/); // ["boy"]
str.match(/gay/gi); // ["Gay", "gay"]
str.match(/lesbian/g); // null
~~~
###(18) 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"]
~~~
- JavaScript手册
- Array函数
- String函数
- Date函数
- Mach函数
- Regexp函数
- Location函数
- Window 函数
- Other函数
- History函数
- Navigator函数
- Event函数
- Dom函数
- Json函数
- Sea.js手册
- JavaScript学习总结
- 1.基础部分
- 2.对象部分
- 3.BOM和DOM详解
- 4.function函数部分
- 5.原型和原型链详解
- 6.数据类型和JSON格式
- 7.Ajax和Http状态字
- 8.正则表达式
- 9.事件详解
- 前端相关网址
- 前端干货文章
- JavaScript字符串常用的一些方法
- 前端开发知识体系
- JavaScript速成课
- 移动端开发技巧
- 移动端Web页面问题解决方案
- 20个常用的CSS技巧
- 学习JavaScript设计模式
- 前端开发学习总结