VUE字符串截取的小坑（substr、substring）

最新推荐文章于 2024-05-09 17:38:33 发布
最新推荐文章于 2024-05-09 17:38:33 发布
阅读量5.5k 收藏 7
点赞数
分类专栏： Vue之路 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wq1051852572/article/details/123794459
版权

js里面有俩个字符串截取的函数

1、 substring
2、substr

这俩个函数是有区别的，由于本人是VUE小白 之前一直用着 substr 最近在做另外一个项目的时候发现这个函数拿到的数据和我预期中的不一样，于是就测试了一下，就发现了问题。

下面一个实例大家来猜一下结果：

			var textStr = '0123456789';
			var textSubStr = textStr.substr(2,4);
			console.log("textSubStr",textSubStr);
			var textSubString = textStr.substring(2,4);
			console.log("textSubString",textSubString);

问：textSubStr 是？ textSubString是？

由于本菜鸟之前是写java的一直以为substr 等同于 java中 的 substring 所以才犯下的错误
大家猜到结果了吗？看下面结果

textSubStr 2345
textSubString 23

这是为什么呢？

因为 substr 第一个参数是从字符串的第几位起，第二个参数是截取几位（是位数，而不是截取到那位）

那么substring 呢？ 是的 和我们预期中一样； 第一个参数是从字符串的第几位起，第二个参数是截取到那一位结束

今天的踩坑记录到这里就结束了，希望大家不会和我一样

笨qiao先飞
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue如何截取字符串
01-21
在后端有许多的封装方法来截取字符串或者对字符串的操作，同样前端也有相应的方法。 有一个data数据为ipaddr data() { return { ipaddr: 192.168.100.110, }; }, 1、现在需要切割成一个数组，得到四个ip值,只...
Vue 页面绑值后截取字符串substring()、substr()、slice()
大胖东的博客
03-03 1万+
Vue 页面绑值后截取字符串 一、substring() substring()方法返回一个索引和另一个索引之间的字符串 以下是一些示例代码： var str = 'abcdefghij'; console.log('(1, 2): ' + str.substring(1, 2)); // '(1, 2): b' console.log('(1, 1): ' + str.substring(1, 1)); // '(1, 1): ' console.log('(-3, 2): ' + st
vue基础语法
kiki208418895的博客
09-18 172
模板语法 插值：.html 1.1 插值 1.1.1 文本 {{msg}} 1.1.2 html 使用v-html指令用于输出html代码 1.1.3 属性 HTML属性中的值应使用v-bind指令 1.1.4 表达式 Vue提供了完全的JavaScript表达式支持 {{str.substr(0,6).toUpperCase()}} {{ number + 1 }} {{ ok ? ‘YES...
VUE之计算属性&侦听器&方法
lwaner的博客
10-12 177
VUE之计算属性&侦听器&方法 （1）字符串截取操作 （1）substring 作用：用于提取字符串中介于两个指定下标之间的字符 语法：substring(start,end) 语法解析：start开始和end结束的位置，从零开始的索引，包头不包尾 定义：提取指定字符串中介于两个指定参数下标之间的字符 参数描述：如图所示 1、只有一个参数（自动输出后面所有字符） 2、start...
vue截取字符串
热门推荐
weixin_45816407的博客
03-10 2万+
let str = 'abcdef'; // 0 str = str.slice(0);//返回整个字符串 abcdef str = str.substring(0);//返回整个字符串 abcdef str = str.substr(0);//返回整个字符串 abcdef // 使用一个参数 str = str.slice(2);//截取第二个之后所有的字符 cdef 即从第三位开始 str = str.substring(2);//截取第二个之后所有的字符 cdef str = str.substr(2
Vue 报错：Cannot read property 'substring' of undefined
weixin_41780311的博客
12-13 1083
Vue 报错：Cannot read property 'substring' of undefined原因是 字符串.substring的时候没有判断字符串是否为空而导致的！新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也...
vue技巧：如何轻松截取后台返回的数据
Shids_的博客
05-27 3366
vue技巧：如何轻松截取后台返回的数据
substring用法及vue中走马灯效果的实现
赵博林
06-16 1771
1.概述 substring() 方法用于提取字符串中介于两个指定下标之间的字符。 2.作用及语法 stringObject.substring(start,stop) 参数 属性 start 必须 stop 可选 注意 二者都是非负整数（0，1，2，3，4…） 3.实例 1.括号中只有一个start参数时： <script type="text/javascript"> var str="Hello world!" document.write(str.substrin
vue（javaScript） 操作字符串的常用方法
2301_77456141的博客
11-01 3678
该方法类似 indexOf() 和 lastIndexOf()，但是它返回指定的值，而不是字符串的位置。：该方法会返回指定索引位置字符的 Unicode 值，返回值是 0 - 65535 之间的整数，表示给定索引处的 UTF-16 代码单元，如果指定位置没有字符，将返回。上面说了，如果start是负数，则该参数规定的是从字符串的尾部开始算起的位置。该方法和indexOf()类似，只是查找的顺序不一样，indexOf()是正序查找，lastIndexOf()是逆序查找。否则，它只替换第一个匹配子串。
vue 字符串截取_Vue 分布式项目搭建
weixin_39670627的博客
12-04 273
Vue小案例，用到了今天老师教到的几个小方法，substring截取字符串，setInterval设置定时器，clearInterval关闭定时器。还蛮好玩的<divid="app"><button@click="lang">浪起来button><button@click="stop">低调button&...
vue 截取字符串方法
宁夏前端工程师，马卫斌，wx：1457508895
01-29 1万+
vue 截取字符串方法
VUE 截取字符串的方法
07-30
适合刚刚进入(JavaScript，Vue)编程领域的小白使用
解决vue字符串换行问题(绝对管用)
10-14
主要介绍了解决vue字符串换行问题(绝对管用)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue框架的学习中，使用substring方法时提示：Uncaught TypeError: Cannot read property ‘substring‘ of undefined的解决方法
zhuifengyx的博客
07-21 3164
PS：刚进门的小白，可能有考虑不足或者有说错的地方，望各位大佬斧正，这边也好改正，避免入坑 个人总结了出现这种问题的情况 1.看下代码有没有出现硬性错误（书写错误） 2.代码的作用域的问题（逻辑错误），今天要说明的主要是这个逻辑错误，写的语法没有问题，单独的应用也没问题，然后把代码块放进去定时器中报雷：Uncaught TypeError: Cannot read property ‘substring’ of undefined 换了substr这个方法也是一样的问题，最终重新整理了一下思路，终于发现了
js中对字符串操作的方法substring()，substring()，slice()
yinge0508的博客
12-09 4043
相同点：都是对字符串进行截取，返回一个新的字符串，不会改变原字符串； 不同点： substring(start, stop) ; 返回下标start 到 stop -1 之间的字符串； substring参数说明 参数 说明 start 必需。一个非负的整数，规定要提取的子串的第一个字符在string中的位置。 stop 可选。一个非负的整数，比要提取的子串的最后一个字符在string中的位置多 1。如果省略该参数，那么返回的子串会一直到字符串的结尾。 ...
关于substring()的小问题，提醒大家注意了
weixin_30362801的博客
11-16 1013
如果要是你的截取的字符串的长度要小于你substring()里面指定的长度，那么就会抛出异常，比如一个字符串长度只有2位，但是你却要从第一位截取到第十位的字符，当然就报错。所以，大家一定要注意咯，我也是在网站里面修改一个新闻长度的时候不小心中了圈套，导致在原始字符串长度不够的时候，抛出异常到了首页，唉。。。真是不应该。 转载于:https://www.cnblogs.com/FrameWork/a...
vue模板语法——01
weixin_55966394的博客
10-30 287
目标： 1.插值 2.指令 3.过滤器 4.计算属性&监听属性 一、插值 值的几种形式 1.1文本 {{msg}} 1.2 html 使用v-html指令用于输出html代码 1.3属性 HTML属性中的值应使用v-bind指令 1.4表达式 Vue提供了完全的JavaScript表达式支持 {{str.substr(0,6).toUpperCase()...
Vue学习02-过滤器
accp99999的博客
10-21 294
Vue 过滤器 过滤器的基本使用 <div id="root"> <!-- 1、过滤器要定在filters下，本质是一个函数 2、在过滤器函数中一定要有返回值 3、在过滤器形参中 ，可以获取到管道符前未处理的值 --> <!-- 过滤器常用于文本格式化，1、插值表达式 --> <!-- 把message的值当作参数传递给 ｜（管道符） 号后面的 capitalize 渲染出来的结果是 capitalize 处理
vue3父组件通过ref调用子组件的方法(组合模式，defineExpose）
最新发布
徐同保的专栏
05-09 259
vue3父组件通过ref调用子组件的方法(组合模式，defineExpose）
vue字符串截取指定内容
05-18
可以使用JavaScript的字符串截取方法`substring()`或者`slice()`来实现。 假设要截取字符串`var str = 'Hello, Vue!';`中的`Vue`，可以使用以下代码： ```javascript // 使用substring()方法 var vueStr = str.substring(7, 10); // 从第7个字符开始截取，到第10个字符结束（不包括第10个字符） console.log(vueStr); // 输出：Vue // 使用slice()方法 var vueStr2 = str.slice(7, 10); // 从第7个字符开始截取，到第10个字符结束（不包括第10个字符） console.log(vueStr2); // 输出：Vue ``` 需要注意的是，`substring()`方法和`slice()`方法的第二个参数都是结束位置（不包括该位置的字符），如果只传入一个参数，则从该位置开始截取到字符串末尾。如果传入的参数超出字符串的长度，则会自动截取到字符串的末尾。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值