• JS截取字符串常用方法详细整理


    截取字符串的使用比较广泛,有很多中方法,本文粗略的整理了一些,感兴趣的额朋友可以才参考下

    使用 substring()或者slice()

    函数:split()
    功能:使用一个指定的分隔符把一个字符串分割存储到数组
    例子:
    str=”jpg|bmp|gif|ico|png”;
    arr=theString.split(”|”);
    //arr是一个包含字符值”jpg”、”bmp”、”gif”、”ico”和”png”的数组

    函数:John()
    功能:使用您选择的分隔符将一个数组合并为一个字符串
    例子:

    复制代码 代码如下:

    var delimitedString=myArray.join(delimiter);
    var myList=new Array(”jpg”,”bmp”,”gif”,”ico”,”png”);
    var portableList=myList.join(”|”);
    //结果是jpg|bmp|gif|ico|png

    函数:substring()
    功能:字符串截取,比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6)

    函数:indexOf()
    功能:返回字符串中匹配子串的第一个字符的下标
    复制代码 代码如下:

    var myString=”JavaScript”;
    var w=myString.indexOf(”v”);w will be 2
    var x=myString.indexOf(”S”);x will be 4
    var y=myString.indexOf(”Script”);y will also be 4

    var z=myString.indexOf(”key”);z will be -1

    续:

    1.substring 方法

    定义和用法
    substring 方法用于提取字符串中介于两个指定下标之间的字符。

    语法
    stringObject.substring(start,stop)

    参数 描述
    start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
    stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

    返回值
    一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

    说明
    substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
    如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
    如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
    如果 start 或 end 为负数,那么它将被替换为 0。

    2.substr 方法

    定义和用法
    substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

    语法
    stringObject.substr(start [, length ])

    参数 描述
    start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
    length 可选。在返回的子字符串中应包括的字符个数。

    说明
    如果 length 为 0 或负数,将返回一个空字符串。
    如果没有指定该参数,则子字符串将延续到stringObject的最后。

    举例:
    复制代码 代码如下:

    var str = "0123456789";

    alert(str.substring(0));------------"0123456789"
    alert(str.substring(5));------------"56789"
    alert(str.substring(10));-----------""
    alert(str.substring(12));-----------""
    alert(str.substring(-5));-----------"0123456789"
    alert(str.substring(-10));----------"0123456789"
    alert(str.substring(-12));----------"0123456789"
    alert(str.substring(0,5));----------"01234"
    alert(str.substring(0,10));---------"0123456789"
    alert(str.substring(0,12));---------"0123456789"
    alert(str.substring(2,0));----------"01"
    alert(str.substring(2,2));----------""
    alert(str.substring(2,5));----------"234"
    alert(str.substring(2,12));---------"23456789"
    alert(str.substring(2,-2));---------"01"
    alert(str.substring(-1,5));---------"01234"
    alert(str.substring(-1,-5));--------""

    alert(str.substr(0));---------------"0123456789"
    alert(str.substr(5));---------------"56789"
    alert(str.substr(10));--------------""
    alert(str.substr(12));--------------""
    alert(str.substr(-5));--------------"0123456789"
    alert(str.substr(-10));-------------"0123456789"
    alert(str.substr(-12));-------------"0123456789"
    alert(str.substr(0,5));-------------"01234"
    alert(str.substr(0,10));------------"0123456789"
    alert(str.substr(0,12));------------"0123456789"
    alert(str.substr(2,0));-------------""
    alert(str.substr(2,2));-------------"23"
    alert(str.substr(2,5));-------------"23456"
    alert(str.substr(2,12));------------"23456789"
    alert(str.substr(2,-2));------------""
    alert(str.substr(-1,5));------------"01234"
    alert(str.substr(-1,-5));-----------""
  • 相关阅读:
    markdown语法
    GIT基本操作
    函数rest参数和扩展
    axios基础介绍
    Vue-Resource的使用
    Vue-router的介绍
    Vue2.0+组件库总结
    Vue 项目de一些准备工作
    VUE.js入门学习(5)- 插槽和作用域插槽
    VUE.js入门学习(4)-动画特效
  • 原文地址:https://www.cnblogs.com/yzl495/p/4176284.html
Copyright © 2020-2023  润新知