JS截取字符串方法实例

JS截取字符串方法实例

    //JS截取字符串可使用 substring()或者slice()

    1 函数:substring()
    定义:substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。
    功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)
    例子:

      var src="images/off_1.png";
      alert(src.substring(7,10));
     //弹出值为:off


   2 函数:substr()
   定义:substr(start,length)表示从start位置开始,截取length长度的字符串。
   功能:字符串截取
   例子:

     var src="images/off_1.png";
     alert(src.substr(7,3));
     //弹出值为:off


   3 函数:split()
   功能:使用一个指定的分隔符把一个字符串分割存储到数组
   例子:

     str="jpg|bmp|gif|ico|png";
     arr=theString.split("|");
     //arr是一个包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的数组

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

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

   5 函数: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

   6 函数:lastIndexOf()
   定义:lastIndexOf()方法返回从右向左出现某个字符或字符串的首个字符索引值(与indexOf相反)
   功能:返回字符串索引值
   例子:

     var src="images/off_1.png";
     alert(src.lastIndexOf('/'));
     alert(src.lastIndexOf('g'));
     //弹出值依次为:6,15


   补充:substr 和 substring方法的区别
   substr 方法
   返回一个从指定位置开始的指定长度的子字符串。
   stringvar.substr(start [, length ])
   参数
   stringvar
   必选项。要提取子字符串的字符串文字或 String 对象。
   start
   必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
   length
   可选项。在返回的子字符串中应包括的字符个数。
   说明
   如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到 stringvar 的最后。
   示例


   下面的示例演示了substr 方法的用法。

 function SubstrDemo(){
     var s, ss;        // 声明变量。
     var s = "The rain in Spain falls mainly in the plain.";
     ss = s.substr(12, 5); // 获取子字符串。
      return(ss);        // 返回 "Spain"。
  }
    substring 方法
   // 返回位于 String 对象中指定位置的子字符串。
    strVariable.substring(start, end)
    "String Literal".substring(start, end)
    参数
    start
    //指明子字符串的起始位置,该索引从 0 开始起算。
    end
   // 指明子字符串的结束位置,该索引从 0 开始起算。
    说明
    substring 方法将返回一个包含从 start 到最后(不包含 end )的子字符串的字符串。
    substring 方法使用 start 和 end 两者中的较小值作为子字符串的起始点。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 将返回相同的子字符串。
    如果 start 或 end 为 NaN 或者负数,那么将其替换为0。
    子字符串的长度等于 start 和 end 之差的绝对值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。


    示例
    //下面的示例演示了 substring 方法的用法。

  function SubstringDemo(){
      var ss; // 声明变量。
      var s = "The rain in Spain falls mainly in the plain..";
      ss = s.substring(12, 17); // 取子字符串。
      return(ss); // 返回子字符串。
  }

### 回答1: Vue.js 可以使用 JavaScript 的字符串截取方法截取字符串,例如: 1. 使用 `substr` 方法: ```javascript str.substr(start[, length]) ``` 示例代码: ```html <template> <div> <p>{{ str.substr(0, 5) }}</p> </div> </template> <script> export default { data() { return { str: 'Hello, Vue.js' } } } </script> ``` 输出结果: ``` Hello ``` 2. 使用 `slice` 方法: ```javascript str.slice(beginIndex[, endIndex]) ``` 示例代码: ```html <template> <div> <p>{{ str.slice(0, 5) }}</p> </div> </template> <script> export default { data() { return { str: 'Hello, Vue.js' } } } </script> ``` 输出结果: ``` Hello ``` 以上两种方法都可以截取字符串,不同的是 `substr` 方法的第二个参数表示截取的长度,而 `slice` 方法的第二个参数表示截取结束的置(不包括该置的字符)。 ### 回答2: 在Vue中,可以使用JavaScript中提供的字符串截取方法截取字符串。下面介绍两种常用的字符串截取方法。 1. 使用slice方法:slice(start, end),通过指定起始置和结束置来截取字符串。其中,start表示起始置(包含),end表示结束置(不包含)。如下所示: ``` <template> <div> {{ str.slice(0, 5) }} </div> </template> ``` 在这个例子中,str是一个Vue变量,通过slice方法截取了str字符串的前五个字符。 2. 使用substring方法:substring(start, end),通过指定起始置和结束置来截取字符串。与slice方法不同的是,substring方法的参数顺序可以颠倒,且参数不能为负数。如下所示: ``` <template> <div> {{ str.substring(0, 5) }} </div> </template> ``` 同样是对str字符串进行截取,通过substring方法实现了相同的效果。 需要注意的是,无论是使用slice还是substring方法截取字符串,都不会改变原始字符串,只是返回一个新的截取后的字符串。 以上就是Vue中常用的字符串截取方法。当然,还有其他一些字符串截取方法,比如substr方法,可以根据实际需求选择适合的方法进行字符串截取。 ### 回答3: 在Vue中,截取字符串方法有多种。以下是其中两种常用的方法: 1. 使用Vue的过滤器(Filter):Vue的过滤器可以用来格式化数据,包括截取字符串。首先,在Vue实例中定义一个过滤器,例如: ``` filters: { truncate: function(value, length) { if (value.length > length) { return value.substring(0, length) + '...' } else { return value } } } ``` 然后,在模板中使用该过滤器来截取字符串: ``` {{ message | truncate(10) }} ``` 这样会将message变量的值截取为10个字符,并在末尾加上省略号。 2. 使用JavaScript的substring()方法:由于Vue支持使用JavaScript表达式,我们也可以直接在模板中使用JavaScript的substring()方法截取字符串,例如: ``` {{ message.substring(0, 10) }} ``` 这样会将message变量的值从第0个字符截取到第9个字符。需要注意的是,substring()的第一个参数是截取的起始置,第二个参数是截取的结束置(不包含在内)。 以上是两种常用的在Vue中截取字符串方法,可以根据具体的需求选择适合的方式来实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值