JavaScript：前端截取字符串 substring、slice方法

最新推荐文章于 2025-09-09 17:20:34 发布

原创最新推荐文章于 2025-09-09 17:20:34 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

本文详细介绍了JavaScript中的substring和slice方法，用于从字符串中截取子串。示例代码展示了如何截取特定位置的字符，包括从某个位置开始、截取固定长度以及截取指定范围的字符串。通过这些例子，读者可以更好地理解和应用这两种方法。

substring

testSubstring.substring(2)

//截取字符串第2位后的字符
var testSubstring="ab12345";
console.log(testSubstring.slice(2))
//结果是12345

testSubstring.substring(testSubstring.length-4)

//截取字符串后4位的字符
var testSubstring="ab12345";
console.log(testSubstring.substring(testSubstring.length-4))
//结果是12345

testSubstring.substring(3,7)

//截取字符串第3位到第7位的字符
var testSubstring="ab12345";
console.log(testSubstring.substring(3,7))
//结果是12345

slice

testSlice.slice(6)

//截取从位置 6 开始的所有字符
var str="Hello happy world!"
console.log(str.slice(6))
//结果是happy world!

slice(6,11)

//截取从位置 6 到位置 11 的所有字符
var str="Hello happy world!"
console.log(str.slice(6,11))
//结果是happy

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小狐狸崽子OvO

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

详解JavaScript常用字符串截取substr、substring与slice方法

07-12

JavaScript 日常开发离不开字符串截取，最常用的是 slice()、substring() 和 substr()。三者都能从原串抽出新串，但细节不同。 slice(start, end) • 只给 start，从该位到末尾。 • 两个参数时，end 不被纳入，且可...

JavaScript截取字符串的Slice、Substring、Substr函数详解和比较

10-26

JavaScript中提取字符串子串的操作是通过slice、substring和substr这三个方法来实现的。它们各自有不同的使用场景和特点。下面对这三个方法进行详细介绍和比较： 1. substr()方法：该方法从指定位置提取指定数量的...

参与评论您还未登录，请先登录后发表或查看评论

前端开发：JS中截取字符串的用法总结

04-12

2006

substr() 方法可在字符串中抽取从“开始”下标开始的指定数目的字符。slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

web前端7

m0_55990888的博客

02-11

734

String（另外两个是 Number、Boolean）。包装对象：原生对象可以把原始类型的值变成（包装成）对象。 let v2 = new String('abc'); 包装对象的最大目的：1.使得 JavaScript 的对象涵盖所有的值；2.使得原始类型的值可以方便地调用某些方法（比如下面的这些方法）。 字符串长度：length let len = 'here is an apple'.length; 从上面的输出结果中可以看到，字符串中的空格也是计算在内的。查找字符：i

前端：js截取字符串的几种方法

最新发布

2403_84279785的博客

09-09

170

2.substring(start,end):与slice类似，但不支持负索引；当start>end,会自动交换位置。3.substr(start,length):start支持负数，length是截取的长度。1.slice(start,end):不包含end,支持负索引（最推荐）

前端常用几个数组方法

FUFCY的博客

05-17

3192

1.slice()方法返回一个新的数组对象，这一对象是一个由 start和end决定的原数组的浅拷贝（包括 start，不包括end）。原始数组不会被改变。 //arr.slice(start, end) const arr = ['a','b','c','d']; console.log(arr.slice(2));//删除两个，从头开始删 //["c","d"] console.log(arr.slice(2, 3));//只保存（从第二开始数（不包括第二个），数到第三个） // ["...

1.7 截取（提取）子字符串（substring()）

you can you up up up的博客

10-02

1498

在 String 中提供了两个截取字符串的方法，一个是从指定位置截取到字符串结尾，另一个是截取指定范围的内容。下面对这两种方法分别进行介绍。 1. substring(int beginIndex) 形式此方式用于提取从索引位置开始至结尾处的字符串部分。调用时，括号中是需要提取字符串的开始位置，方法的返回值是提取的字符串。例如： String str = "我爱 Java 编程"; String result = str.substring(3); System.out.println(result);

js字符串截取函数slice()、substring()、substr()

u014749668的博客

01-07

406

【1 】 slice(start,[end]),substring(start,[end])和substr(start,[length]) https://www.cnblogs.com/lmsblogs/p/5876384.html

常常会用到的截取字符串substr()、substring()、slice()方法详解

09-03

本文主要探讨了三种用于截取字符串的常见方法：`slice()`、`substring()` 和 `substr()`。它们都有类似的功能，即从原始字符串中提取一部分新的字符串，但各有其特点和适用场景。首先，我们来看`slice()`方法。`...

JavaScript字符串对象slice方法入门实例（用于字符串截取）

10-25

这个方法主要用于截取字符串中的某一部分，并返回一个新的字符串，而不会改变原始字符串。本文将深入讲解`slice`方法，包括其语法、参数说明以及实例解析。 ### `slice`方法的基本语法 `slice`方法的调用格式如下...

前端截取某个特定字符之前或者之后的字符串 substring

————————————————————————————————

02-16

5084

var str =“aaa,bbb” //截取","之前字符串 var str1=str.substring(0, str.indexOf(",")); console.log(str1) //aaa //截取","之后字符串 vra str2=str.substring(str1.length+1, str.length); console.log(str2) //bbb

前端开发：JS中截取字符串的用法总结，高级Android程序员必会

热门推荐

m0_66264881的博客

01-29

1万+

var a = '0123456789’; a.substring(5,’2.4’); // start 和 stop 有字符串, 但是最后的输出结果是： “234” a.substring(5,’hh’) ; // start 和 stop 有字符串, 但是最后的输出结果是： “234” 二、substr()方法语法： string.substr(start,length) 定义和用法： substr() 方法可在字符串中抽取从“开始”下标开始的指定数目的字符。注意： substr()

字符串截取

qq_42396813的博客

08-31

5324

字符串截取方法实现

前端知识笔记（九）———slice、splice、split 的使用

lrx276的博客

11-21

957

从 start下标开始，保留到 end下标的前一个结束，如果没有 end，就保留到最后一个字符结。从 start下标开始，保留到 end下标的前一个结束，如果没有 end，就保留到最后一个字符结束。

前端 js/ Java/ MySQL/Oracle 的截取字符串 substr、substring 详细说明

weixin_42307069的博客

01-07

1569

前端 js/ Java/ MySQL/Oracle 的截取字符串 substr、substring 详细说明

JavaScript substring() 方法

evilcry2012的专栏

03-14

357

JavaScript substring() 方法 JavaScript String 对象定义和用法 substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法 stringObject.substring(start,stop) 参数描述 start 必需。一个非负的整数，规定要提取的子串的第

前端js方法slice,substring和substr截取字符串区别

m0_49714202的博客

01-24

1256

// 一:substring和substr两者都是截取字符串。 // (1)相同点：如果只是写一个参数，两者的作用都一样：都是是截取字符串从当前下标以后直到字符串最后的字符串片段。 var str = “123456789”; console.log(str.substr(2)); // 3456789 console.log(str.substring(2)); // 3456789 // (2)不同点：第二个参数 // substr（startIndex,lenth）：第二个参数是截取字符串的长度

前端学习（2538)：slice

歌谣的博客

11-07

2008

slice()方法返回一个新的数组对象，这一对象是一个由begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。 const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); // expected output: Array ["camel", "duck", "elephant"] console.log(animals...

Vue前端利用slice()方法实现分页器

Mr_Yixiansen的博客

05-26

5471

Vue 前端实现分页 1. 思路：使用 slice()方法进行分页 # 1-1. 拿到要分页的表格数据过后，获取到表格数据的长度，将表格数据的长度设置为分页器里面的总条目数 this.total = this.pdDataList.length; # 1-2. 让后在分页器里面的 total 属性上进行绑定 # 1-3. 在 Vue 中的 data 里面设置当前页和当前条数: 即(currentPage 和 pagesize) # 1-4. element-ui 中分页器为我们提供了

JavaScript字符串截取方法详解：slice、substring、substr

资源摘要信息:"JavaScript 提供了三种常用的方法用于截取字符串：substr()、slice() 和 substring()，这三种方法均属于 String 原型对象的内置方法，能够灵活地从原始字符串中提取所需的子字符串。其中，标题《js...