字符串常用的方法：slice、split、length、indexOf、replace等

创建字符串

我们创建字符串的方法通常分两种

• 1、字面量

var str = 'hello'

• 2、构造函数创建

var str = new String('hello')

工作上一般使用字面量创建字符串，扩展：数组合对象一般也直接使用字面量创建

字符串对象常用的方法

1、length

• 获取字符串的长度

2、charAt

• charAt(索引)是找到字符串中指定索引位置的内容返回

var str = '小胡学前端'
var index = str.chartAt(2)
console.log(index) //学

• 如果没有对应的索引，那么就会返回空字符串

var str = '小胡学前端'
var index= str.charAt(10)
console.log(index) // ''

3、indexOf

• indexOf就是按照字符串找到对应的索引，从左往右查询，查找第一次出现的位置。
• 参数有：indexOf(查找的字符串,从第几位开始查找) —第二个参数选填

var str = '小胡学前端'
var index = str.indexOf('小')
console.log(index)  // 0

var index = str.indexOf('学')
console.log(index)  // 2

//仅会查找字符串第一次出现的位置
var index = str.indexOf('学前端')
console.log(index)  // 2

//若查找的字符串不存在-(工作中常用的使用场景:当查询的字符串没有目标字符串 则返回 -1)
var index = str.indexOf('差')
console.log(index)  // -1 

4、lastIndexOf()

• 返回指定文本在字符串中最后一次出现的索引

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");
console.log(index)  // 51

• 如果没有找到文本则返回 -1

5、slice()

• slice() 提取字符串的某个部分并在新字符串中返回被提取的部分
• 参数：slice(起始索引，结束索引)
• 也可只写一个参数
• 注意：截取的字符串包含起始索引所对应的字符串，但不包含结束索引对应的

//两个参数时
var str = '小胡学前端'
var res = str.slice(0,2)
console.log(res)   // 小胡

//一个参数时表示从当前位置一直截取到结束位置
var res = str.slice(2)
console.log(res) //学前端

• 如果某个参数为负数（第一个下标小于第二个下标），则从字符串的结尾开始计数
  注意：当参数为负数时，字符串的下标从右往左数，并且最右边的下标永远是-1

//两个参数
var str = '小胡学前端'
var res = str.slice(-5,-3)
console.log(res)   // 小胡

//一个参数
var str = '小胡学前端'
var res = str.slice(-3)
console.log(res)   // 学前端

6、substring

• 用于截取字符串
• 语法：substring(起始索引，结束索引)
• 包含起始索引对应的字符，不包含结束索引对应的字符
• 参数不可以是负数

var str = '小胡学前端'
var newStr = str.substring(0,3)
console.log(newStr)  //小胡

7、substr

• 用于截取字符串
• 语法：substr(起始索引，截取个数)

var str = 'hello'
//         01234

// 使用 substr 截取字符串
var newStr = str.substr(1, 3)

console.log(newStr) // ell

8、replace

• 用另外一个值替换在字符串中指定的值

str = "xiaohuxueqianduanxiaohuxueqianduan";
var n = str.replace("xiao", "lao");
console.log(n)  //laohuxueqianduanxiaohuxueqianduan

注意：默认的 replace只替换首个匹配

• replace()对大小写敏感

str = "Please visit Microsoft!";
var n = str.replace("MICROSOFT", "W3Cshool");
console.log(n)  //Please visit Microsoft!

• 解决方法：使用正则表达式（大小写不敏感）

str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3School");
console.log(n)  //Please visit W3School!

• 替换所有匹配：也请使用正则

str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3School");
console.log(n)  //Please visit W3School and W3School!

9、concat

• 连接两个或多个字符串

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);
console.log(text3) //Hello World

//也可使用加号拼接
text3 = text1+‘ ’+text2;
console.log(text3) //Hello World

• 若是拼接数组的时候会把数组之间的内容和逗号提取出来

    var arr1 = ['小','胡']
    var arr2 = ['学','前','端']
    var arr = arr1.concat(arr2)
    console.log(arr) //['小', '胡', '学', '前', '端']

10、trim

• 删除字符串两端的空白符

var str = "       Hello World!        ";
alert(str.trim());  // Hello World!

11、split

• 字符串分割，将字符串转换为数组
• 参数：split(参数) 参数可自定义，根据参数来分割字符串

var txt = "a,b,c,d,e"; 
let newTxt = txt.split(",");  
console.log(newTxt) //['a', 'b', 'c', 'd', 'e']

• 参数可以为任意字符，空格等
• 如果省略分隔符,则会将整个字符串作为数组的第一个元素

var txt = "a,b,c,d,e"; 
let newTxt = txt.split();  
console.log(newTxt) //['a,b,c,d,e']

• 如果分割符是""，被返回的数组将是间隔单个字符的数组，即每个字符都会被分割

var txt = "a,b,c,d,e"; 
let newTxt = txt.split('');  
console.log(newTxt) 
// ['a', ',', 'b', ',', 'c', ',', 'd', ',', 'e']

12、toLowerCase 和 toUpperCase

• toLowerCase：转成小写
• toUpperCase：转成大写

var str = hello

// 使用 toUpperCase 转换成大写
var upper = str.toUpperCase()

console.log(upper) // HELLO

// 使用 toLowerCase 转换成小写
var lower = upper.toLowerCase()

console.log(lower) // hello