前端常用字符串方法集合

        一、字符串的属性和方法

1. charAt()查找字符串

 2.indexOf()查找字符串下标

3.lastIndexOf()查找字符串最后出现的下标

4.replace()替换

5.split()字符串分割为数组

6.substr()提取字符串

7.substring()提取字符串

8.slice()字符串截取

9.concat()字符串拼接

10.大小写转换方法

---

数组和字符串有很多相似的对方，比如数组和字符串都有以下方法：
1. concat
2. indexOf
3. lastIndexOf
4. slice
5. includes

一、字符串的属性和方法

属性length就是字符串的长度

1. charAt()查找字符串

返回字符串中指定下标位置的字符，下标从0开始

 //返回字符串中指定下标位置的字符，下标从0开始
 console.log("abcdef".charAt(0)) ;//a
 console.log("abcdef".charAt(2)) ;//c

 2.indexOf()查找字符串下标

indexOf(检索的字符串,开始检索的位置)

返回某个指定的字符串值在字符串中首次出现的下标位置(索引值)。

若没有出现，则返回-1

let str="hello world"; 
console.log(str.indexOf("e"));//1
console.log(str.indexOf("z"));//-1

3.lastIndexOf()查找字符串最后出现的下标

该方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。

 若没有出现，则返回-1

let str="hello world"; 
console.log(str.lastIndexOf("l"));//9
console.log(str.lastIndexOf("z"));//-1

4.replace()替换

该方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

 "abcdefghijka".replace("a","苹果");//"苹果bcdefghijka"

5.split()字符串分割为数组

方法用于把字符串分割成数组(字符串→数组)，从什么地方拆分，就是参数

 "abcdefahijka".split("a");//["", "bcdef", "hijk", ""]

6.substr()提取字符串

 方法可在字符串中抽取从 start 下标开始的指定数目的字符

"字符串".substr(start,length)

start参数：开始下标，可以为正数，也可以为负数，-1最后一个，-2指倒数第二个，以此类推。

length参数：截取总长度。可以不写，直接截取到最后。

let str="abcdefahijka";
let str1 = str.substr(4,9); //从下标4开始，截取9个
let str2 = str.substr(-9,4);//从下标-9开始，截取4个
let str3 = str.substr(-9); //从下标-9开始，截取到最后
console.log(str1);//efahijka
console.log(str2);//defa
console.log(str3);//defahijka
console.log(str);//abcdefahijka

7.substring()提取字符串

方法用于提取字符串中介于两个指定下标之间的字符。
"字符串".substring(start,end); 不包括end，参数只能是正数，都是索引值。
截取时，从开始位置截取到结束位置，不包含结束位置。在选择开始位置之前，会先比较以下两个参数的大小，其中小的作为start值，大的作为stop。

let str = "abcdefahijka";
let str1 = str.substring(4,9);    //从下标4开始，截取到下标为9的位置(不包括结束)
// let str2 = str.substring(-9,4);//错误的，不能用负数
let str3 = str.substring(9,4);    //从下标4开始，截取到下标为9的位置(不包括结束)
let str4 = str.substring(4);     //从下标4开始，截取到最后
console.log(str1);//efahi 
console.log(str3);//efahi
console.log(str4);//efahijka
console.log(str);//abcdefahijka   

8.slice()字符串截取

方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。(该方法在数组中学习过)会获取一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。

let str = "abcdefahijka";
let str1 = str.slice(4,9);  //从下标4开始，截取到下标为9的位置(不包括结束)
let str2 = str.slice(-9,-4); //从下标-9开始，截取到下标为-4的位置(不包括结束)
let str3 = str.slice(3); //从下标3开始，截取到最后
console.log(str1);//efahi
console.log(str2);//defah
console.log(str3);//defahijka
console.log(str);//abcdefahijka

 三种截取方法的相同和不同点：

let str="abcdefahijkasadf";
var str1 = str.substr(4,9); //从下标4开始，截取9个
var str2 = str.substring(4,9); //从下标4开始，到下标9
console.log(str1);//efahijkas
console.log(str2);//efahi

9.concat()字符串拼接

方法用于连接两个或多个数组或字符串。在数组方法中已经学习过。

//该方法没有改变原有字符串，但是会返回新字符串或数组
var str1 = "你好";
var str2 = "世界";
var str = str1.concat(str2);
console.log(str);//你好世界

10.大小写转换方法

toLowerCase() 方法用于把字符串转换为小写。
toUpperCase() 方法用于把字符串转换为大写。
不需要传递参数：将所有字符串中的字母进行大小写的转换

"abcdefg".toUpperCase()
"ABCDEFG"

"ABCDEFG".toLowerCase()
"abcdefg"