字符串的常用的方法学会你就无敌了

从事前端工作，平时也会收集整理一些笔记放在笔记中，发现最简单的基础知识才是工作中最常用到的，有时候就会模棱两可，可见还是基础知识不扎实，在这里小编总结一下，夯实一下基础知识，学好了你就无敌了！

字符串中常用的方法：

str.toLowerCase();
toLowerCase()字符串全部转小写

var str="Hello World";
var str1=str.toLowerCase();
console.log(str); //Hello World
console.log(str1); //hello world

str.toUpperCase()
toUpperCase()字符串全部转大写

var str="Hello World";
var str1=str.toUpperCase();
console.log(str); //Hello World
console.log(str1); //HELLO WORLD

str.slice()
slice(): 返回字符串中提取的子字符串

var str="Hello World";
var str1=str.slice();// 如果没有参数，则是复制字符串
var str2=str.slice(2);// 如果只有一个参数，从下标 2 开始到队尾，复制
var str3=str.slice(2,7);// 从下标 2 开始到 7 结束，不包含下标 7，返回复制字符串
var str4=str.slice(-5,-1);
等价于
var str4=str.slice(11+(-5),11+(-1));
var str4=str.slice(6,10);

在这里要注意一下
一个数要小于后一个数，否则返回空字符串

var str5=str.slice(8,1);
// 如果只有一个参数，则是复制字符串
console.log(str1); //Hello World
console.log(str2); //llo World
console.log(str3); //llo W
console.log(str4); //Worl
console.log(str5); //""

str.substring()
substring(): 提取字符串中介于两个指定下标之间的字符。
跟 slice()一样的，唯一的是 substring()不接受负数

var str="Hello World";
var str1=str.substring();
var str2=str.substring(-2,-7);
console.log(str1); //Hello World
console.log(str2); //""

str.substr()
str.substr()返回从指定下标开始指定长度的的子字符串

var str="Hello World";
var str1=str.substr();// 复制字符串
var str2=str.substr(1);// 从下标 1 到队尾 复制字符串
var str3=str.substr(1,3);// 从下标 1，数 3 个元素 复制字符串
var str4=str.substr(-5,3);// 从下标 11+(-5)= 6 开始，数 3 个元素 复制字符串
console.log(str1); //Hello World
console.log(str2); //ello World
console.log(str3); //ell
console.log(str4); //Wor

str.split()
split(): 把字符串分割成字符串数组。

var str="1:2:3:4:5:6:7";
var str1=str.split("");// 每一个字符都分开，都是一个元素
var str2=str.split(":");// 以：分开为一个元素
var str3=str.split(":",4);// 最大可分隔 4 个长度，可算是截取前 4 位

console.log(str1); //["1", ":", "2", ":", "3", ":", "4", ":", "5", ":", "6", ":", "7"]
console.log(str2); //["1", "2", "3", "4", "5", "6", "7"]
console.log(str3); // ["1", "2", "3", "4"]

str.indexOf()
indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置

var str="HelloswjnhWorld";
var str1=str.indexOf("W");// 区分大小写的, 默认是从下标 0 开始找
var str2=str.indexOf("a");// 如果没有找到，返回 -1

console.log(str1); //10
console.log(str2); //-1

str.lastIndexOf()
lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。

var str="HelloswjnhWorldW";
var str1=str.lastIndexOf("W");// 区分大小写的, 默认是从下标 0 开始找, 最后出现的位置
var str2=str.lastIndexOf("a");// 如果没有找到，返回 -1

console.log(str1); //15
console.log(str2); //-1

str.charAt()
charAt(): 返回指定下标位置的字符。如果 index 不在 0 -str.length(不包含 str.length)之间，返回空字符串。

var str="HelloswjnhWorldW";
var str1=str.charAt(2);// 返回指定下标位置的字符
var str2=str.charAt(18);// 如果没有找到，返回 ""

console.log(str1); //l
console.log(str2); //""

str.charCodeAt()
charCodeAt(): 返回指定下标位置的字符的 unicode 编码, 这个返回值是 0 – 65535 之间的整数。

var str="HelloswjnhWorldW";
var str1=str.charCodeAt(2);// 返回指定下标位置的字符
var str2=str.charCodeAt(18);// 如果没有找到，返回 NAN

console.log(str1); //108
console.log(str2); //NAN

str.replace()
replace(): 在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

var str="HelloswjnhWorldW";
var reg=/o/ig; // o 为要替换的关键字，不能加引号，否则替换不生效，i 忽略大小写，g 表示全局查找。var str1=str.replace(reg,"**");

console.log(str1); //Hell**swjnhW**rldW

str.match()
match(): 返回所有查找的关键字内容的数组。

var str="HelToswjnhtorldW";
var reg=/to/ig;
var str1=str.match(reg);

var reg2=/heo/ig;
var str2=str.match(reg2);

console.log(str1); //["To", "to"]
console.log(str2); //null 没有找到就返回 null

小编不易，如有收获，微信赏小编喝杯娃哈哈