VUE 常规截取和特殊字符之前之后截取(实例代码)

 更新时间:2023年10月14日 10:24:57   作者:itfallrain  
这篇文章主要介绍了VUE 常规截取和特殊字符之前之后截取,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

VUE 常规截取和特殊字符之前之后截取

1:平常使用的

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);//截取第二个之后所有的字符 cdef
 
// 使用两个参数
str = str.slice(2,4);//截取第二个到第四个之间的字符 cd
str = str.substring(2,4);//截取第二个到第四个之间的字符 cd
str = str.substr(2,4);//截取从第3个开始往后数4位之间的字符 cdef
 
// 使用两个负数
str = str.slice(1,-3);//截取第二个到第四个之间的字符 bc
str = str.substring(1,-3);//截取第二个到第四个之间的字符 a #负数转换为0
str = str.substr(1,-3);//不能为负数,若强行传递负数,会被当成0处理 ' ' #负数转换为0
console.log(str)

2:特殊情况截取

 截取后面的字符串:
columnEntity.substring(columnEntity.lastIndexOf("/"));
截取前面的字符串:
columnEntity.substring(0,columnEntity.lastIndexOf("/"))

vue截取字符串

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);//截取第二个之后所有的字符 cdef
 
// 使用两个参数
str = str.slice(2,4);//截取第二个到第四个之间的字符 cd
str = str.substring(2,4);//截取第二个到第四个之间的字符 cd
str = str.substr(2,4);//截取从第3个开始往后数4位之间的字符 cdef
 
// 使用两个负数
str = str.slice(1,-3);//截取第二个到第四个之间的字符 bc
str = str.substring(1,-3);//截取第二个到第四个之间的字符 a #负数转换为0
str = str.substr(1,-3);//不能为负数,若强行传递负数,会被当成0处理 ' ' #负数转换为0
console.log(str)

vue 截取特殊字符后的字符

var str =“a,b,c,d”

//截取","之前字符串
var str1=str.substring(0, str.indexOf(","));
console.log(str1) 

//截取","之后字符串
vra str2=str.substring(str1.length+1, str.length);
console.log(str2) 

到此这篇关于VUE 常规截取和特殊字符之前之后截取的文章就介绍到这了,更多相关vue截取字符内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue 使用v-if切换输入框时导致输入框的数据内容没有清空的问题解决(两种解决方法)

    vue 使用v-if切换输入框时导致输入框的数据内容没有清空的问题解决(两种解决方法)

    这篇文章主要介绍了vue 使用v-if切换输入框时导致输入框的数据内容没有清空的问题解决,本文给大家分享两种解决方法,需要的朋友可以参考下
    2023-05-05
  • vue3.0中ref与reactive的区别及使用场景分析

    vue3.0中ref与reactive的区别及使用场景分析

    ref与reactive都是Vue3.0中新增的API,用于响应式数据的处理,这篇文章主要介绍了vue3.0中ref与reactive的区别及使用,需要的朋友可以参考下
    2023-08-08
  • 解决element-ui el-checkbox的一些坑

    解决element-ui el-checkbox的一些坑

    这篇文章主要介绍了解决element-ui el-checkbox的一些坑,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • Vue封装svg-icon组件使用教程

    Vue封装svg-icon组件使用教程

    SVG(Scalable Vector Graphics)可缩放矢量图形,是一种用于描述基于二维的矢量图形的 XML 标记语言,其基本矢量显示对象包括矩形、圆、椭圆、多边形、直线、任意曲线等,还能显示文字对象和嵌入式外部图像
    2023-02-02
  • Vue实现浏览器端扫码功能

    Vue实现浏览器端扫码功能

    本文主要介绍,通过使用基于 vue技术栈的前端开发技术,在浏览器端调起摄像头,并进行扫码识别功能,对识别到的二维码进行跳转或其他操作处理,对vue浏览器扫码功能的实现代码感兴趣的朋友一起看看吧
    2021-10-10
  • 基于vue+echarts 数据可视化大屏展示的方法示例

    基于vue+echarts 数据可视化大屏展示的方法示例

    这篇文章主要介绍了基于vue+echarts 数据可视化大屏展示的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2020-03-03
  • vue中echarts@4.9版本,地图的使用方式

    vue中echarts@4.9版本,地图的使用方式

    这篇文章主要介绍了vue中echarts@4.9版本地图的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-02-02
  • Vue组件之间的数据共享详解

    Vue组件之间的数据共享详解

    这篇文章主要为大家介绍了Vue组件之间的数据共享,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • Vue路由传参props解耦的三种方式小结

    Vue路由传参props解耦的三种方式小结

    这篇文章主要介绍了Vue路由传参props解耦的三种方式小结,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • el-input输入校验不能为空格以及不能输入全部为空的内容

    el-input输入校验不能为空格以及不能输入全部为空的内容

    这篇文章主要给大家介绍了关于el-input输入校验不能为空格以及不能输入全部为空的内容的相关资料,el-input验证规则主要是为了确保输入的内容符合特定的要求,需要的朋友可以参考下
    2023-10-10

最新评论