js中字符串的使用方法

这篇博客详细介绍了JavaScript中字符串的各种操作方法,包括length、toLowerCase()、toUpperCase()、charAt()、charCodeAt()、indexOf()、lastIndexOf()、search()、replace()、concat()、match()、trim()、slice()、substring()、substr()和split()。这些方法用于获取字符串长度、转换大小写、查找和替换字符、截取字符串以及分割字符串等常见操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、length

  • 功能:返回字符串的长度

   语法:str.length()  

var str = '一二三四五六';
console.log(str.length);// 6


2、toLowerCase()

  • 功能:把字符串转为小写,返回新的字符串
  • 返回值:会将转换好的字符串以返回值的形式返回出来
  • 注释:不会改变原数组

   语法:str.toLowerCase()  

var str = 'AaBbCcDdEe';
console.log(str.toLowerCase());// aabbccddee

3、toUpperCase()

  • 功能:把字符串转为大写,返回新的字符串
  • 返回值:会将转换好的字符串以返回值的形式返回出来
  • 注释:不会改变原数组

   语法:str.toUpperCase() 

var str = 'AaBbCcDdEe';
console.log(str.toUpperCase());//   AABBCCDDEE


4、charAt()

  • 功能:返回指定下标位置的字符
  • 返回值:返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间,返回空字符串。
  • 注释:字符串中,字符的位置也是从0开始,依次递增。

语法:str.charAt ( index )

const str = 'hello';
str.charAt(1)  // 输出结果:e 
str[1]         // 输出结果:e 
str.charAt(5)  // 输出结果:'' 
str[5]         // 输出结果:undefined


5、charCodeAt()

  • 功能:方法返回字符串中指定索引的字符 unicode 编码,这个返回值是 0 - 65535 之间的整数
  • 返回值:返回指定位置的编码值

 语法:str.charCodeAt(number)  

let str = "abcdefg";
console.log(str.charCodeAt(1)); // "b" --> 98

6、indexOf()

  • 功能: 从前往后查找某个字符,有则返回第一次匹配到的位置,否则返回-1
  • 注释:如果要查找的字符在字符中存在多个,永远只找一个。

 语法:str.IndexOf(value)  

var str = '一二三四五六';
console.log(str.indexOf('二'));//   1

7、lastIndexOf()

  • 功能:返回某个指定的子字符串在字符串中最后出现的位置
  • 返回值:有则返回最后一次匹配到的位置,否则返回-1

 语法:str.lastIndexOf(value) 

let str = "abcabc";
console.log(str.lastIndexOf("a"));  // 输出结果:3
console.log(str.lastIndexOf("z"));  // 输出结果:-1

8、search()

  • 功能:用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
  • 返回值:如果查找成功,返回字符串中匹配的索引值。否则返回 -1 。

 语法:str.search(searchvalue)

let str = "abcdef";
str.search(/bcd/)   // 输出结果:1


9、replace()

  • 功能:在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串
  • 返回值:返回一个由替换值( replacement )替换部分或所有的模式( pattern )匹配项后的新字符串。

语法:

str . replace ( regexp | substr , newSubStr | function )

参数:

var str = 'Twas the night before Xmas...';
console.log(str);
 // 把字母 e 替换为 , 
var s = str.replace('e', ',');
console.log(s); //Twas th, night before Xmas...  只替换了一个
s = str.replace(/\s+/ig, '-');
console.log(s); //Twas-the-night-before-Xmas...   替换了所有空格


10、concat()

  • 功能:将两个或多个字符的文本组合起来,返回一个新的字符串。
  • 注释:使用concat() 来拼接字符串和使用加号来拼接字符串的效果是一样的

语法: str . concat ( str2 , [, ... strN ]) 

        var str = 'hello';
        var s = str.concat(' world', '!');
        console.log(s); //hello world!


11、match()

  • 功能:检索返回一个字符串匹配正则表达式的结果。
  • 返回值:所有 查找的关键字内容的数组

语法: str . match ( regexp ) 

        var str = 'For more information, see Chapter 3.4.5.1';
        console.log(str); // 定义一个正则表达式
        var regex = /see (chapter \d+(\.\d)*)/i;
        var flag = str.match(regex);
        console.log(flag);

12、trim()

  • 功能:trim() 方法会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符以及所有行终止符字符。

语法:str.trim ()

        var str = '    char set     ';
        console.log(str);
        var s = str.trim();
        console.log(s); //char set   没有前后的空格  中间的空格不能去除


13、slice()

  • 功能:slice() 方法提取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串。
  • 注释:

    (1)这个方法的功能和substr()的功能类似,都是用于截取子字符串的。

    (2)如果只指定第一个参数,则会从指定位置到原字符串末尾。

    (3)如果指定两个参数,则会提取从指定位置到结束位置的字符。

    (4)如果第二个参数是负数,则会提取从指定位置到从后向前数结束位置的字符。

    (5)如果第一个参数是负数,无输出,不会报错。

语法: str . slice ( beginIndex [, endIndex ])

        var str = 'The morning is upon us.';
        console.log(str);
        var s = str.slice(5);
        console.log(s); //orning is upon us.
        s = str.slice(5, 9);
        console.log(s); //orni
        s = str.slice(5, -3);
        console.log(s); //orning is upon
        s = str.slice(-1, 5);
        console.log(s); //无输出内容


14、substring()

  •  功能:提取字符串中介于两个指定下标之间的字符​​​​​​​

注释:

(1)如果只指定了第一个参数,那么子字符串会从指定的位置到末尾;

(2). 如果两个参数都指定了,那么子字符串就会从开始位置到结束位置前的字符;(左闭右开)

(3) 如果第二个参数小于第一个参数,那么它会从后向前截取; (相当于参数交换的结果)
(4) 如果给的第一个参数是负数,那么它会把字符串复制后返回。

 语法: str . substring ( indexStart [, indexEnd ])

        var str = 'charset';
        console.log(str);
        var s = str.substring(1); // harset 截取从下标为1的字符到字符串最后 
        console.log(s);
        s = str.substring(1, 5);
        console.log(s); //hars 左闭右开
        s = str.substring(1, 3);
        console.log(s); // ha
        s = str.substring(3, 1);
        console.log(s); // ha  等于s = str.substring(1, 3);
        s = str.substring(-1);
        console.log(s); //如果给的第一个参数是负数,那么它会把字符串复制后返回。


15、substr()

  • 功能:返回从指定下标开始指定长度的的子字符串

语法: 

str . substr ( from , length );

参数:

from :数值类型,指截取的开始位置

length :数值类型,指截取的长度

        var str = 'charset';
        console.log(str);
        var s = str.substr(1, 2);
        console.log(s); //ha
        s = str.substr(4, 2);
        console.log(s); //se    从索引号为4截取2位
        s = str.substr(2);
        console.log(s); // arset 截取到最后 
        s = str.substr(-2);
        console.log(s); // et   返回向截取

16、split()

  • 功能:使用指定的分隔符字符串将一个 String 对象分割成子字符串数组,以一个指定的分割字串来决定每个拆分的位置。

语法: str . split ([ separator [, limit ]]) 

注释:

(1)split() 方法会根据指定的分隔符对字符串进行切割,生成一个数组;

(2)split() 方法支持正则表达式来进行切割。

       var str = "Hello World How are you doing";
        console.log(str);
        var arr = str.split(' ');
        console.log(arr);
        arr = str.split(/\s+/);
        console.log(arr);
 
        
        str = "Hello,World,How,are,you,doing";
        console.log(str);
        arr = str.split(',');
        console.log(arr);

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值