zoukankan      html  css  js  c++  java
  • JS字符串常用方法(自)---4、子串

    JS字符串常用方法(自)---4、子串

    一、总结

    一句话总结:

    js获取子串的方法有string.slice(start, end)提取一个字符串,string.substring(start, end)提取一个字符串,end不支持负数
    slice()
    作用:对字符串进行切片
    参数:必带beginIndex,可选endIndex
    返回值:返回一个从原字符串中提取出来的新字符串
    
    substring()
    作用:截取子串
    参数:必带的indexStart(截取开始索引),indexEnd(截取结束索引)
    返回值:截取的子串

    1、substring()方法截取子串的时候,关于参数indexStart和indexEnd的注意点是时候?

    substring()方法留头不留尾,也就是截取的子串包含indexStart,不包含indexEnd

    2、js中截取子串函数slice和SubString的区别?

    string.slice(start, end)提取一个字符串
    string.substring(start, end)提取一个字符串,end不支持负数

    3、string.slice(start, end)提取一个字符串中,start和end为负数是什么情况?

    如果 start或end 是 -3,则表示strLength - 3,例如:console.log('The quick brown fox'.slice(-5,-1));//n fo

    二、获取子串

    博客对应课程的视频位置:

    1、string.slice(start, end)

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>slice()</title>
     6 </head>
     7 <body>
     8 <!--
     9 slice()
    10 作用:对字符串进行切片
    11 参数:必带beginIndex,可选endIndex
    12 返回值:返回一个从原字符串中提取出来的新字符串
    13 
    14 string.slice(start, end)提取一个字符串中,start和end为负数是什么情况
    15 如果 start或end 是 -3,则表示strLength - 3,例如:console.log('The quick brown fox'.slice(-5,-1));//n fo
    16 
    17 -->
    18 <script>
    19     console.log('The quick brown fox'.slice(1,5));//he q
    20     console.log('The quick brown fox'.slice(-5,-1));//n fo
    21 
    22     //自己写简略的slice函数
    23     String.prototype.slice_my=function(beginIndex,endIndex){
    24         let ans_str='';
    25         endIndex=this.length>endIndex?endIndex:this.length;
    26         for(let i=beginIndex;i<endIndex;i++){
    27             ans_str+=this[i];
    28         }
    29         return ans_str;
    30         //console.log(this);
    31     };
    32     //'The quick brown fox'.slice_my(1,5);
    33     console.log('The quick brown fox'.slice_my(1,5));
    34 </script>
    35 </body>
    36 </html>

    2、string.substring(start, end)

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>substring()</title>
     6 </head>
     7 <body>
     8 <!--
     9 substring()
    10 作用:截取子串
    11 参数:必带的indexStart(截取开始索引),indexEnd(截取结束索引)
    12 返回值:截取的子串
    13 
    14 substring()方法截取子串的时候,关于参数indexStart和indexEnd的注意点是时候
    15 substring()方法留头不留尾,也就是截取的子串包含indexStart,不包含indexEnd
    16 
    17 js中截取子串函数slice和SubString的区别
    18 string.slice(start, end)提取一个字符串
    19 string.substring(start, end)提取一个字符串,end不支持负数
    20 
    21 -->
    22 <script>
    23     var anyString = "Mozilla";
    24     console.log(anyString.substring(1));
    25     console.log(anyString.substring(1,3));//'oz'
    26 
    27 </script>
    28 </body>
    29 </html>
     
  • 相关阅读:
    设计并实现一个漂亮的结婚小站
    Android新特性--ConstraintLayout完全解析
    Android之MainActivity类
    Android app启动activity并调用onCreate()方法时都默默地干了什么?
    Android Studio开发-高效插件强烈推荐
    Android SDK Manager详解
    Android Studio中如何设置颜色拾色器工具
    独立的android开发者开发app如何盈利?
    Android Studio开发常用快捷键
    最强 Android Studio 使用小技巧和快捷键总结
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12690692.html
Copyright © 2011-2022 走看看