字符串中的12种经常使用方法

定义：全部用单引号、双引号、反引号包起来的都是字符串

字符串的方法都不改变原字符串

字符串的方法都不改变原字符串而数组的方法有改变原数组的缘由：

• 字符串是基本类型值，每个操做都是直接操做值，对原始字符串不会产生任何影响

• 数组之因此会有改变原数组的状况，是由于他是对象类型，操做的堆内存，方法的执行颇有可能把原始堆内存中的信息改变了；

（每个字符串都是由零到多个字符组成的）

与数组类似
let str = '1111122222';
str.length//==>字符串长度
str[0]//==>获取索引为零（第一个）字符
str[str.length-1]//==>获取最后一个字符
str[10000]//==>undefined不存在这个索引
复制代码

1、字符查找

一、charAt

• 定义：获取字符串中指定索引对应的字符
• @params：n：number类型，表明索引
• @return：返回查找到的字符；找不到返回空字符串（不是undefined）

使用方法：str.charAt(索引)

var str="xuexi"
var res=str.charAt(0);//"x"
var res3=str[0];//"x"
var res2=str.charAt(100);//""
var res4=str[100];//undefined
复制代码

相比较 str[索引] 的优势

• charAt索引过大或太小时返回空字符串，str[索引]返回undefined

二、charCodeAt（做为了解）

• 定义：获取字符串中指定索引对应的ASCII码值（unicode编码值）
• @params：n：number类型，表明索引
• @return：返回查找到的unicode编码值，找不到返回空字符串不是undefined

使用方法：str.charCodeAt(索引)

• 基本不用（做为了解）

var str="zheli";
var res=str.charCodeAt(0);//122   对应的就是字母z（10进制值）
String.fromCharCode(122);//z 经过编码值找对应字符
复制代码

2、字符串截取

三、substr

• 定义：为了实现字符串的截取（在原来字符串中查找到本身想要的）
• @params：n,m //选中从索引 n 开始，截取 m 个字符（m不写，截取到末尾）
• @return：截取的字符串

使用方法：substr(n,m)

let str = 'haohaoxunxitiantianxiangshang'
str.substr(3,6);//==> 'haoxun'
str.substr(3);//==>'haoxunxitiantianxiangshang'截取到末尾
str.substr(3,10000);//==>'haoxunxitiantianxiangshang'截取到末尾（超过索引的也只截取到末尾）
复制代码

四、substring

• 定义：为了实现字符串的截取（在原来字符串中查找到本身想要的）
• @params：n,m //选中从索引n开始（包含）到索引m（不包含）结束的字符
• @return：截取的字符串

使用方法：str.substring(n,m)

let str = 'haohaoxunxitiantianxiangshang'
str.substring(3,6);//==> 'haox'
str.substring(3);//==>'haoxunxitiantianxiangshang'截取到末尾
str.substring(3,10000);//==>'haoxunxitiantianxiangshang'截取到末尾（超过索引的也只截取到末尾）
复制代码

五、slice(支持负数)

• 定义：为了实现字符串的截取（在原来字符串中查找到本身想要的）
• @params：n,m //选中从索引n开始（包含）到索引m（不包含）结束的字符
• @return：截取的字符串

使用方法：str.slice(n,m)

var str="xuexi"
var res=str.slice(0,3);//"xue"

var res1=str.slice();//彻底复制
var res1=str.slice(0);//彻底复制
复制代码

• 能够支持负数索引（其他两个方法不能是负数索引）
  • 负数索引的规律：用字符串的长度加上负数索引

var str="xuexi"

var res=str.slice(-3,-1);//"ex"
str.slice(2,4)//"ex"
复制代码

substring与slice的区别：substring不支持负数索引

3、检测是否包含某项

六、indexOf

• 定义：获取字符在字符串中首次出现的索引
• @params：x,y //获取x第一次出现位置的索引，y是控制查找的起始位置索引
• @return：索引值/-1（字符串中不包含此字符）

使用方法：indexOf(x,y)

• 总体与数组中方法相似
• 兼容全部版本浏览器

let str = 'haohaoxunxitiantianxiangshang'

str.indexOf('a');//==> 1
str.indexOf('@');//==>-1  不存在返回-1
str.indexOf('xunxi');//==>6  验证总体第一次出现的位置，返回的索引是第一个字符所在位置的索引
str.indexOf('xunt');//==>-1  不是总体返回-1
str.indexOf('a',7);//==> 13  查找字符串索引7及之后的字符串中，a第一次出现的位置索引
复制代码

七、lastIndexOf

• 定义：获取字符在字符串中最后一次出现的索引
• 与indexOf用法相同

八、includes

• 定义：检测当前字符串中是否包含某个字符
• @params：字符
• @return：布尔，true 包含，false 表明不包含

使用方法：includes(n)；

• 总体与数组中方法相似

if(!str.includes('@'))
    {
        ...
    } //用来判断条件是否成立
复制代码

4、大小写转换

九、toUpperCase

• 定义：转为大写
• @params：无
• @return：大写的字符

使用方法：str.toUpperCase()

str.substr(0,1).toUpperCase()+str.substr(1);//总体为小写的状况下只让第一个字母大写
复制代码

十、toLowerCase

• 定义：转为小写
• @params：无
• @return：小写的字符

使用方法：res.toLowerCase()

5、字符串转数组

十一、split

• 定义：把字符串按照指定的分隔符拆分红数组（和数组中的join对应）
• @params：分隔符
• @return：分隔后的数组

使用方法：str.split()

把'|'分隔符变为'，'分隔符

let str = 'music|movie|eat|sport';
let ary = str.split('|');//==>['music','movie','eat','sport']
//先利用split把字符串按|分割
res= ary.join(',');
//利用join在转换回字符串
console.log(res);//==>'music,movie,eat,sport'
//===============================================//
var str="2018 8 18"
var res=str.split(" ")//["2018","8","18"]
复制代码

6、字符替换

十二、replace

• 定义：把指定的字符替换成别的字符
• @params：老字符（也能够跟正则），新字符；//经常使用正则应用
• @return：替换以后的字符串

使用方法：str.replace("@","哈")

在不使用正则的状况下，一次只能替换一个字符

正则：str.replace(/@/g,"哈");

var str="@feng@feng";
var res=str.replace("@","哈");//"哈feng@feng"
var res=str.replace(/@/g,"哈");//"哈feng哈feng 复制代码

后续补充

• match
• localCompare
• trim/trimLeft/trimRight
• ......等