字符串的方法总结

字符串的方法总结

1.length:获取字符串的长度

//注意:字符串内的空格也算长度.
    var str1="abc";
    var str2="ab c";
    var str3="abc  ";
    document.write(str1.length);    //结果:3
    document.write(str2.length);    //结果:4
    document.write(str3.length);    //结果:5

2.trim:去掉字符串的空格,并返回一个新字符串

(1).trim():去除前后空格

(2).trimLeft():去除左边空格

(3).trimRight():去除右边空格

var str=" a b c d  ";
    //字符串也是对象:所以可以"abc".length
    // document.write("abc".length);
    console.log(`原数组长度:${str.length}`);
    //去除所有空格
    var clear_all=str.trim();
    console.log(`去除所有空格后的数组长度:${clear_all.length}`);
    //去除左边空格
    var clear_left=str.trimLeft();
    console.log(`去除左边空格后的数组长度:${clear_left.length}`);
    //去除右边空格
    var clear_right=str.trimRight();
    console.log(`去除左边空格后的数组长度:${clear_right.length}`);

3.大小写转换并返回转换后的新字符串

(1).toUpperCase():转换为全大写

(2).toLowerCase():转换为全小写

var str1="hEllO";
//所有字符串转换成大写
console.log(str1.toUpperCase());
//所有字符串转换成小写
console.log(str1.toLowerCase());

4.indexOf(str) / lastIndexOf(str) / concat()(用法同数组)

str表示要查找的字符串,最后输出的是查到的从第一个字符串开始的下标

//1.查找字符串数据,
var a="我是中国人";
console.log(a.indexOf("中国")); //结果:2

//2.数组去重
var arr=[1,5,5,8,8,9,6];
//定义一个空数组用于接收数据
var temp=[];
//循环遍历arr数组内部数据
for(var i=0;i<arr.length;i++){
   //当在temp数组中查找值，找不到就会为-1
   if(temp.indexOf(arr[i])==-1){
       //符合条件就加进去
       temp.push(arr[i]);
    }
}  
//如果需要改变原数组，就用这种
// arr=temp;
// document.write("<br>");
//不改变原数组数据
document.write(...temp);

5.split:把字符串按某个字符串进行分割并返回一个新数组

split 字符串的分割
1.语法:str.split(“分割符号”)
2.用法:将字符串分割为很多段，返回一个新的数组
3.注意:
(1)小括号内如果什么都没有的时候,完整输出为数组
(2)小括号内如果有引号

• 没有分割符号的时候,全部分割组成一个新的数组
• 有分割符号但是这个分割符号不在字符串中,字符串就会完整输出为数组

(3)还可以在分割符号后面使用一个数字类型 表示保留几个数据

var str="1,2,3,4";
var a=str.split(",");
document.write(...a);  //1 2 3 4

6.charAt:获取字符串中的某个字符

var a="abc";
a.charAt(0);	//结果:a
等价于
a[0]	//结果:a

7.截取:

(1).substr(m,n)

格式:字符串.substr(m,n)

用法:从字符串下标m开始,截取n个(如果没写n,则截取从m开始到字符串末尾)

(1)语法:字符串.substr(开始的下标,截取的个数)
(2)包含开始下标,截取字符的个数
(3)第二个参数可以省略的,表示从开始下标后面所有都会被选中

 var str="abcdefg";
    //从下表为1开始截取，截取2个
    console.log(str.substr(1,2));//结果：bc
    //从下表为1开始截取，截取全部
    console.log(str.substr(1));//结果：bcdefg

(2).substring(m,n)

格式:substring(m,n),包前不包后[m,n)

用法:从下标m开始截取,截取到第n个字符之前(如果没写n,则截取从下标m开始到字符串末尾)

1.语法：substring(开始下标,结束下标)
2.特点
(1)包含开始下标的 不包含结束下标 => [开始下标,结束下标)
(2)第二个参数可以不写,就表示从开始下标到后面所有字符都被选中截取下来
(3)当开始下标等于结束下标的时候会输出空
(4)当开始下标大于结束下标的时候,两个参数会互换位置再进行截取
(5)当下标为负数的时候,默认会转换为0,再进行截取

var str="123456789";
    //从下表为1开始截取，截取到下标为3的前一个(包前不包后)
    console.log(str.substring(1,3));//结果：23
    //从下表为1开始截取，截取全部
    console.log(str.substring(1));//结果：23456789

(3)slice:字符串截取

slice 字符串截取方法
1.语法：字符串.slice(开始下标,结束的下标)
2.特点:
(1)包含开始下标的 不包含结束下标 => [开始下标,结束下标)
(2)第二个参数可以不写,表示选中从开始下标后面的所有字符
(3)两个参数可以为负数:第一个参数要小于第二个参数,如果大于的话会返回空值

var str='你好我好大家好'
var res=str.slice(0,3)
console.log(res) //你好我

8.替换

(1).replace:只能替换查找到的符合条件的第一个字符串

var str="小明在上学的路上,小明今天很开心";
document.write(str.replace("小明","*"));

(2).replaceAll:可以替换查找到的所有字符串

var str="小明在上学的路上,小明今天很开心";
document.write(str.replaceAll("小明","*"));

9.charCodeAt(m):获取编码

(1).格式:

字符串.charCodeAt(m)

m表示字符串下标

(2).作用:

获取字符串中第m个字符的下标

//获取字符串第三个字符编码并打印出来
var str="abdef";
document.write(str.charCodeAt(2));	//100
//获取字符串字符编码并打印出来
document.write("a".charCodeAt(0));	//97
document.write("A".charCodeAt(0));	//65
document.write("0".charCodeAt(0));	//48

//获取对象内的字符，把他们转换成字符编码
//方法一
var str={a:"H",b:"z",c:"5"};
for(var i in str){
   console.log(str[i].charCodeAt(0));	//72，122，53
}
//方法二
var str=["H","z","5"];
for(var i=0;i<3;i++){
    console.log(str[i].charCodeAt(0));	//72，122，53
}

10.String.fromCharCode(n)

作用:根据字符编码n获取对应字符

//通过字符编码转换成字符(打印a~z)
for(var i=97;i<123;i++){
   	console.log(String.fromCharCode(i));
}

//打印1~1000编码对应的字符
for(var i=1;i<1000;i++){
    console.log(`第${i}个字符为:${String.fromCharCode(i)}`);
}