您的位置:

Javascript字符串截取

一、jquery截取字符串

jQuery是一种快速、简洁的JavaScript库,它封装了大量的常用JavaScript代码,可以极大地简化Web开发。jQuery中截取字符串主要是通过使用substring和slice两个方法来实现。

1、使用substring方法

    var str = "Hello World!";
    var result = str.substring(3, 7);
    console.log(result);
    // 输出结果:lo W

substring()方法接受两个参数,第一个参数是起始位置,第二个参数是结束位置(不包括该位置对应的字符),如果只传入一个参数,截取从该参数位置开始到字符串结尾的所有字符。

2、使用slice方法

    var str = "Hello World!";
    var result = str.slice(3, 7);
    console.log(result);
    // 输出结果:lo W

slice()方法与substring()方法类似,也是接受两个参数,第一个参数是起始位置,第二个参数是结束位置(不包括该位置对应的字符),如果只传入一个参数,和substring()一样,截取从该参数位置开始到字符串结尾的所有字符。另外,slice()方法也可以接受负数作为参数,代表从字符串结尾往前数。

二、javascript字符串截取之使用正则表达式

JavaScript还提供了使用正则表达式来截取字符串的方法,可以自定义规则进行截取。

1、使用match方法

    var str = "Hello World!";
    var pattern = /o/g;
    var result = str.match(pattern);
    console.log(result);
    // 输出结果:["o", "o"]

match()方法接受一个正则表达式参数,如果匹配成功会返回一个数组,数组中存储的是匹配到的子串。可以通过加g标志来匹配所有符合条件的子串。

2、使用replace方法

    var str = "Hello World!";
    var pattern = /o/g;
    var result = str.replace(pattern, "x");
    console.log(result);
    // 输出结果:Hellx Wxrld!

replace()方法接受两个参数,第一个参数是正则表达式,第二个参数是要替换成的字符串。如果需要替换所有符合条件的子串,也需要加g标志。

三、javascript字符串截取之使用split方法

JavaScript中的split()方法可以将字符串根据指定的规则分割成数组,通过指定分割符进行字符串截取。

1、使用split方法

    var str = "Hello World!";
    var result = str.split(" ");
    console.log(result);
    // 输出结果:["Hello", "World!"]

split()方法接受一个字符串参数,将字符串根据该参数进行拆分并返回拆分后的字符串数组。如果要拆分多个字符,可以通过正则表达式参数实现。

2、使用join方法

    var arr = ["Hello", "World!"];
    var result = arr.join("-");
    console.log(result);
    // 输出结果:Hello-World!

join()方法可以将数组中的元素通过指定的分隔符连接成一个字符串。