JavaScript实现字符串截取的三个方法总结

2024-09-27 14:29:40

substring()

substring() 方法返回一个字符串在开始索引到结束索引之间的一个子集，或从开始索引直到字符串的末尾的一个子集。语法如下：

str.substring(indexStart[, indexEnd])

参数说明：

indexStart：需要截取的第一个字符的索引，该索引位置的字符作为返回的字符串的首字母。
indexEnd：可选。一个 0 到字符串长度之间的整数，以该数字为索引的字符不包含在截取的字符串内。

如果 startIndex 大于 endIndex，则会交换它们的位置。来看一段示例代码：

let str = "深耕WEB开发10+年，拥有一颗工匠的心";

console.log(str.substring(7)); // 10+年，拥有一颗工匠的心
console.log(str.substring(0, 5)); // 深耕WEB
console.log(str.substring(7, 5)); // 开发
console.log(str.substring(5, 5)); // 空

substr()

substr() 方法返回一个字符串中从指定位置开始到指定字符数的字符。语法如下：

str.substr(start[, length])

第一个参数是截取开始的位置，第二个参数是截取的长度。如下代码：

let str = "深耕WEB开发10+年，拥有一颗工匠的心";
let result = str.substr(1, 4);
console.log(result); // 耕WEB

上述代码的 1 表示从第二个字符开始截取，4 表示截取的长度为 4 个字符。

substr() 方法在截取字符串时是基于字符位置的，如果截取长度超过了字符串的长度，它会一直截取到字符串的末尾。如果第一个参数是负数，则从字符串的末尾开始计数。

如果可以的话，建议使用 substring() 来取代 substr()。

slice()

slice() 方法提取某个字符串的一部分，并返回一个新的字符串，且不会改动原字符串，与 substring() 方法类似。语法如下：

str.slice(startIndex, endIndex)

其中，startIndex 表示要截取的子字符串的起始位置（包含该位置），endIndex 表示要截取的子字符串的结束位置（不包含该位置）。如果只传入 startIndex，则会从该位置一直截取到字符串末尾。如果 startIndex 大于 endIndex，则会返回空字符串。例如：

let str = "深耕WEB开发10+年，拥有一颗工匠的心";

console.log(str.slice(7)); // 10+年，拥有一颗工匠的心
console.log(str.slice(0, 5)); // 深耕WEB
console.log(str.slice(7, 5)); // ""
console.log(str.slice(5, 5)); // ""

substring()和substr()的区别

substring() 和 substr() 都是截取字符串的方法，但它们有以下区别：

参数不同：substring() 方法的第一个参数是起始位置，第二个参数是终止位置（不包括该位置的字符）；substr() 方法的第一个参数是起始位置，第二个参数是截取的长度。
负数处理不同：substring() 方法不接受负数参数，如果传入负数，会被自动转换为0；substr() 方法可以接受负数参数，表示倒数计数。
返回值不同：substring() 方法返回从起始位置到终止位置之间的字符；substr()方法返回从起始位置开始指定长度的字符。

ES6中新增了 slice() 方法，但它和 substring() 方法非常相似，也是接受起始位置和终止位置作为参数，不同之处是slice() 方法可以接受负数参数，表示从字符串末尾开始计数。substr() 虽然没有被完全遗弃，但还是建议使用 substring() 来取代 substr()。

方法补充

除了上述的方法，小编还为大家整理了其他的实现方法，希望对大家有所帮助

Javascript截取字符串中包含中文的方法

第一种方法：

String.prototype.sub=function(n){
  var r=/[^\x00-\xff]/g;
  if(this.replace(r,"mm").length<=n){return this;}
  var m=Math.floor(n/2);
  for(var i=m;i<this.length;i++){
    if(this.substr(0,i).replace(r,"mm").length>=n){
      return this.substr(0,i)+"...";
    }
  }
  return this;
}

第二种方法：

截取字符串包含中文处理，参数含义：(字符串,截取长度,是否增加...)

function subString(str, len, hasDot){
  var newLength=0;
  var newStr="";
  var chineseRegex=/[^\x00-\xff]/g;
  var singleChar='';
  var strLength=str.replace(chineseRegex,'**').length;
  for(var i=0;i < strLength;i++){
  singleChar=str.charAt(i).toString();
  if(singleChar.match(chineseRegex) != null){
    newLength+=2;
  }else{
    newLength++;
  }
  if(newLength>len){
    break;
  }
  newStr+=singleChar;
  } 

  if(hasDot && strLength>len){
    newStr+='...';
  }
  return newStr;
}

到此这篇关于JavaScript实现字符串截取的三个方法总结的文章就介绍到这了,更多相关JavaScript字符串截取内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

JS截取字符串的三种方法详解

JS提供三个截取字符串的方法,分别是:slice(),substring()和substr(),它们都可以接受一个或两个参数: var stmp = "rcinn.cn"; 使用一个参数 alert(stmp.slice(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn" alert(stmp.substring(3));//从第4个字符开始,截取到最后个字符;返回"nn.cn" 使用两个参数 alert(stmp.slice(1
js截取字符串功能的实现方法

js截取字符串2种方式:substring().slice(),供大家参考,具体内容如下这里给出的例子是时间. css文件: body{ text-align:center} .con{ margin:100px auto; width:800px; height:400px; border:2px solid #336666; border-radius:5px; padding-top: 50px; } <!DOCTYPE html> <html> <head>
JS常用的4种截取字符串方法

目录 JS常用的4种截取字符串方法补充:js中常遇到切割截取字符串的几种方法切割截取字符串的几种方法 JS常用的4种截取字符串方法平常经常把这几个api的参数记混了,于是打算记录下来,当不确定的时候在拿出来翻翻: 在做项目的时候,经常会需要截取字符串,所以常用的方法有slice().substr().substring().match()方法等,四个方法的使用如下所示: <script type="text/javascript"> // 截取字符串的方法 //注意
JS截取字符串的方法详解

substr() 方法 substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符. stringObject.substr(start,length) start:必需.要抽取的子串的起始下标.必须是数值.如果是负数,那么该参数声明从字符串的尾部开始算起的位置. 也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推. length:可选.子串中的字符数.必须是数值.如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串. 记住:
js中常见切割截取字符串的几种方法小结

目录 1. split() 方法用于把一个字符串分割成字符串数组 : 2. slice() 可提取字符串的某个部分,并以新的字符串返回被提取的部分: 3.substring() 提取字符串中介于两个指定下标之间的字符 4.join() 把数组中的所有元素转换一个字符串 5. charAt() 返回指定位置的字符总结切割截取字符串的几种方法 1. split() 方法用于把一个字符串分割成字符串数组 : stringObject.split(str,length) var str
JavaScript实现字符串截取的三个方法总结

目录 substring() substr() slice() substring()和substr()的区别方法补充在 JavaScript 中,可以使用 substr().slice() 和 substring() 方法截取字符串. substring() substring() 方法返回一个字符串在开始索引到结束索引之间的一个子集,或从开始索引直到字符串的末尾的一个子集.语法如下: str.substring(indexStart[, indexEnd]) 参数说明: indexSta
java 字符串截取的三种方法(推荐)

众所周知,java提供了很多字符串截取的方式.下面就来看看大致有几种. 1.split()+正则表达式来进行截取. 将正则传入split().返回的是一个字符串数组类型.不过通过这种方式截取会有很大的性能损耗,因为分析正则非常耗时. String str = "abc,12,3yy98,0"; String[] strs=str.split(","); for(int i=0,len=strs.length;i<len;i++){ System.out.pri
javascript 实现字符串反转的三种方法

第一种方法复制代码代码如下: var str = "abcdef"; console.log( str.split("").reverse().join("") ): 第二种方法: 复制代码代码如下: var str="abcdef" var i=str.length; i=i-1; for (var x = i; x >=0; x--) { document.write(str.charAt(x)); } 第三种
java 字符串分割的三种方法(总结)

最近在项目中遇到一个小问题,一个字符串分割成一个数组,类似String str="aaa,bbb,ccc"; 然后以","为分割符,将其分割成一个数组,用什么方法去实现呢? 第一种方法: 可能一下子就会想到使用split()方法,用split()方法实现是最方便的,但是它的效率比较低第二种方法: 使用效率较高的StringTokenizer类分割字符串,StringTokenizer类是JDK中提供的专门用来处理字符串分割子串的工具类.它的构造函数如下: publ
C# 实现Eval(字符串表达式)的三种方法

目录一.背景二.代码三.测试一.背景假如给定一个字符串表达式"-12 * ( - 2.2 + 7.7 ) - 44 * 2",让你计算结果,熟悉JavaScript的都知道有个Eval函数可以直接进行计算,而C#中却没有这个函数,下面提供三种实现方式二.代码 public class Class1 { #region 方法一:利用CodeCom [Obsolete] System.CodeDom.Compiler.ICodeCompiler comp = new Micro
JavaScript通过字符串调用函数的实现方法

本文实例讲述了JavaScript通过字符串调用函数的实现方法.分享给大家供大家参考.具体分析如下: JavaScript中我们可以把根据函数名的字符串来调用函数,这样我们就可以实现动态函数调用,只需要传递一个函数的名字即可调用该函数. 复制代码代码如下: var strFun = "someFunction"; //Name of the function to be called var strParam = "this is the parameter";
基于JavaScript中字符串的match与replace方法(详解)

1.match方法 match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配. match()方法的返回值为:存放匹配结果的数组. 2.replace方法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串. replace方法的返回值为:一个新的字符串. 3.说明以上2个方法的参数在使用正则表达式时主要添加全局g,这样才能对字符串进行全部匹配或者替换. 示例代码: <!DOCTYPE html> <html lang
JAVA字符串反转的三种方法

方法一:使用StringBuilder import java.util.Scanner; public class StrReversal { public static void main(String[] args) { Scanner scanner = new Scanner(System.in); String str = scanner.nextLine(); System.out.println(new StringBuilder(str).reverse()); } } 方法二
详解JavaScript中分解数字的三种方法

本文基于免费代码营基本算法脚本"分解数字" 在数学中,非负整数n的阶乘可能是一个棘手的算法.在本文中,我将解释这种方法,首先使用递归函数,第二种使用而循环,第三种使用以循环. 算法挑战返回提供的整体的阶乘. 如果整体用字母n表示,则阶乘是所有小于或等于n的正整数的乘积. 阶乘经常用简写符号n!表示! 例如:5!= 1 * 2 * 3 * 4 * 5 = 120 function factorialize(num) { return num; } factorialize(5); 提供
C语言实现短字符串压缩的三种方法详解

目录前言一.通用算法的短字符压缩二.短字符串压缩 (1)Smaz (2)Shoco (3)Unisox2 三.总结前言上一篇探索了LZ4的压缩和解压性能,以及对LZ4和ZSTD的压缩.解压性能进行了横向对比.文末的最后也给了一个彩蛋:任意长度的字符串都可以被ZSTD.LZ4之类的压缩算压缩得很好吗? 本篇我们就来一探究竟. 一.通用算法的短字符压缩开门见山,我们使用一段比较短的文本:Narrator: It is raining today. So, Peppa and George