slice substring substr

最新推荐文章于 2026-01-05 12:22:51 发布
原创 最新推荐文章于 2026-01-05 12:22:51 发布 · 135 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文探讨了JavaScript中用于截取数组和字符串的三种常见方法：slice、substring和substr。slice方法适用于数组和字符串，允许从索引a到b之前截取元素或字符，不包含b。当a大于b时，结果为空。substring仅限于字符串，其行为与slice相似，但当a大于b时会自动交换参数。substr则专注于字符串，它根据起始索引a和长度b截取字符。理解这些差异对于精确地操作数据至关重要。

相同

都是截取

不同

slice(a,b)

可以截取数组也可以截取字符串

从索引a截取到索引b之前，包括a不包括b，[a,b)

当a大于b时，返回空

substring(a,b)

只能截取字符串

从索引a截取到索引b之前，包括a不包括b，[a,b)

当a大于b时，自动把a和b倒置，等价于substring(b,a)

substr(a,b)

只能截取字符串

从索引a开始，截取b个字符

出来嗨啊
关注
简单说明 slice / substring / substr 三个方法的区别
wozhenhaokan的博客
10-25 941
在说区别之前，先来说说slice，substring，substr三个方法的相同点： 1，都是截取字符串并返回一个新的字符串 2，都能接受一个（start）或两个参数（start，end） 3，只有一个参数时，默认字符串末尾作为结束位置： 下面我们分几种情况讨论三个方法的不同点： 先看我们被截取的字符串： var str = '中华人民共和国万岁' 开始分情况讨论： 一，...
slice substring substr 区别
weixin_44328086的博客
06-22 158
slice substring substr 区别
slice、substring、substr的区别
小菜张的博客
02-14 2689
参考链接 https://blog.youkuaiyun.com/qq_38047742/article/details/82144266 一个参数的时候 没有区别 但只有slice支持数组 var str = "helloworld!"; console.log(str.slice(1)); //elloworld! console.log(str.substring(1)); //elloworld! console.log(str.substr(1)); //elloworld! 二个参
详解slice，substring，substr的区别
Sunday97的博客
08-26 1213
slice,substring和substr的区别 都接收两个参数，slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度。其中substring是以两个参数中较小一个作为起始位置，较大的参数作为结束位置，slice是将后面小的参数转化为0 slice是数组和字符串都可以使用，返回截取到的值，不影响原数组和字符串；substring和substr只有字符串可以使用，返回截取到的字符串。 //参数都是比较正常的情况下 var st
slice和subStr和substring区别
qq_44352182的博客
05-06 4203
slice和subStr和substring区别 相同点： 都不会改变原始字符串 第一个参数都是指定字符串的开始位置 第二个参数不传则将字符串的尾部作为结束位置 不同点 slice（startIndex,endIndex) 第一个参数指定字符串的开始位置，第二个参数指定字符串的结束位置 substring(index0,index1)会将小的参数作为开始位置，大的作为结束位置 substr(sta...
js 中slice,substring,substr 区别
编写博客，学习交流
11-03 378
优先使用：逻辑直观，支持负数索引，兼容性好。避免使用substr()：非标准且易混淆。可作为特殊场景备选，但需注意负数参数会被转为0。
slice、substring、substr方法的区别
xiaoma19941027的博客
11-08 451
1、slice方法：str.slice(a,b) 两个参数，第一个参数代表开始索引，包含这个位置；第二个参数是结束索引，不包含这个位置。 如果参数为负，那么，会将这个负数加上字符串总长度作为索引。（数组里面也有slice方法） 2、substring方法：str.substring(a,b) 两个参数都为索引，但是一定要先比较参数，小的那个为开始索引，大的那个为结束索引，如果参数为负值，那么取边界...
字符串截取slice substring substr的区别
前端小99的博客
09-23 403
slice()定义和用法 slice() 方法可从已有的数组中返回选定的元素。 string.slice(start, end)提取一个字符串 string.substring(start, end)提取一个字符串,end不支持负数 string.substr(start, len)提取一个长度为len的字符串 1、slice和substring接收的是起始位置和结束位置(不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子： var...
substr，substring，slice的区别
m0_60255104的博客
09-24 323
substr，substring，slice的区别
四种常用的截取字符串方法slice、substr、substring、split
weixin_51355600的博客
02-22 8935
截取字符串似乎是无论何时写代码所需的必要操作，但又常常有不同的需求，因此记录下来方便使用。
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
10-23
在JavaScript中，处理字符串时经常需要截取字符串的某一部分，这时会用到字符串操作方法slice()、substr()和substring()。这三个方法都可以用来从字符串中提取子字符串，但是它们在参数的使用上有所不同，尤其是在...
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
10-26
JavaScript中提取字符串子串的操作是通过slice、substring和substr这三个方法来实现的。它们各自有不同的使用场景和特点。下面对这三个方法进行详细介绍和比较： 1. substr()方法：该方法从指定位置提取指定数量的...
Vue 2 项目中 template 使用可选链 ?. 导致的诡异编译报错及 webpack loader 配置坑
最新发布
GhostPaints的博客
01-05 617
最近在维护一个基于 Vue 2 的老项目（RuoYi-Vue 框架衍生）时，遇到一个特别诡异的编译问题：同一个项目，使用 pnpm run dev（连接测试环境）一切正常，但切换到 pnpm run dev:local（连接本地后端）时，启动就直接报错，错误信息指向 template 中的可选链运算符?这让我百思不得其其解——Vue 2.7 明明官方支持 template 中的?.，为什么本地环境就炸了？。
vue3中使用element-plus的el-scrollbar实现自动滚动（横向/纵横滚动）
qq_43730272的博客
12-31 303
vue3中使用element-plus的el-scrollbar实现自动滚动（横向/纵横滚动）
vue2 基于虚拟dom的下拉选择框，保证大数据不卡顿，仿antd功能和样式
licongmingli的博客
12-31 637
本文介绍了一个基于Vue2和Ant Design 1.7.8的虚拟列表下拉选择框组件的封装实现。由于Ant Design原生组件不支持虚拟列表功能，作者结合vue-virtual-scroller和vue-select封装了一个支持多选/单选/清除/搜索功能的选择框组件。文章详细说明了组件实现的技术难点：包括动态挂载DOM的方式解决模板渲染问题、样式适配Ant Design风格的改造过程，以及当前存在的待优化项（下拉列表脱离文档流问题）。组件通过计算属性和监听机制实现了数据同步，并提供了完整的代码示例展示核
A2A协议与LangChain.js实战：构建微型软件工厂
Web分享
01-01 998
随着多智能体（Multi-Agent）系统的兴起，单纯的工具调用（Tool Use）已无法满足复杂协作需求。本文将探讨从 MCP（Model Context Protocol）到 A2A（Agent-to-Agent）协议的演进，解析去中心化智能体通信的设计模式，并利用 LangChain.js、Express 和 JSON-RPC 2.0 构建一个包含 PM、Dev、QA 的分布式“微型软件工厂”。
【鸿蒙】web 加载vue dist 包里的 html
产品：SmartApi；服务：大前端++；其他技术分享
01-05 139
下面给你「带进度条 + 判断 index.html 已存在则跳过解压」的完整可运行版本，直接替换即可通过 ArkTS 校验。
Flutter Web性能优化标签解析（二）
qq_30279137的博客
01-04 728
立即显示：HTML 加载后立即显示加载界面保持简单：使用纯 CSS 动画，减少资源依赖提供反馈：显示进度或状态信息平滑过渡：使用淡出效果，避免突兀消失错误处理：考虑加载失败的情况超时保护：避免永远显示加载界面这个方案能显著提升 Flutter Web 应用的用户体验，让用户感觉应用加载更快、更专业。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值