玖叶教程网

<template>
  <view>

  </view>
</template>
<script>
  export default{
methods:{
  //字符串转换为数组 split方法：可以有两个参数：
  // 第一个是分隔符（必填），如果不填的话会把整个字符串作为一项形成一个长度为1的数组
  // 第二个是指定数组长度(选填)
  onTransArray(){
    var str="AA BB CC DD";
    var string1="1:2:3:4:5";
    var str1=str.split();
    var str5=str.split("");
    var str2=str.split(" "); 
    var str3=str.split("",4); 
    var str4=string1.split(":");
    console.log(str5); // ["A", "A", " ", "B", "B", " ", "C", "C", " ", "D", "D"]
    console.log(str1);//["AA BB CC DD"]
    console.log(str2); //["AA" "BB" "CC" "DD"]
    console.log(str3); //["A", "A", " ", "B"]
    console.log(str4); // ["1", "2", "3", "4", "5"]
  },

    //slice(): j截取指定字符串，返回字符串中提取的子字符串。
    onSliceString(){
      var str="Hello World";
      var str1=str.slice(2); //如果只有一个参数，则提取开始下标到结尾处的所有字符串
      var str2=str.slice(2,7); //两个参数，提取下标为2，到下标为7但不包含下标为7的字符串
      //如果是负数，-1为字符串的最后一个字符。提取从下标-7开始到下标-2但不包含下标-2的字符串。
      // 前一个数要小于后一个数，否则返回空字符串
      var str3=str.slice(-7,-2); 
      console.log(str1); //llo World
      console.log(str2); //llo W
      console.log(str3); //o Wor
    },

      //substring(): 提取字符串中介于两个指定下标之间的字符。
      // 以两个参数中较小一个作为起始位置，较大的参数作为结束位置
      // 当接收的参数是负数时,将负参数都直接转换为0
      onSubstring(){
        var str="Hello World";
        var str1=str.substring(2)
        var str2=str.substring(2,2);
        var str3=str.substring(2,7);
        var str4=str.substring(-2,-7)
        console.log(str1); //llo World
        console.log(str2); //如果两个参数相等，返回长度为0的空串
        console.log(str3); //llo W
        console.log(str4)//空串
      },

        // substr(): 返回从指定下标开始指定长度的的子字符串
        onSubstr(){
          var str="Hello World";
          var str1=str.substr(1)
          var str2=str.substr(1,3);
          var str3=str.substr(-3,2);
          console.log(str1); //ello World 
          console.log(str2); //ell
          console.log(str3); //rl
        },


          // replace(): 在字符串中用一些字符替换另一些字符
          onReplace(){
            var str="hello WORLD";
            var reg=/o/ig; //o为要替换的关键字，不能加引号，否则替换不生效，i忽略大小写，g表示全局查找。
            var str1=str.replace(reg,"**")
            console.log(str1); //hell** W**RLD
          },

            // match(): 返回所有查找的关键字内容的数组。
            onMatch(){
              var str="To be or not to be";
              var reg=/to/ig;
              var str1=str.match(reg);
              console.log(str1); //["To", "to"]
              console.log(str.match("Hello")); //null
            },

              // indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置
              // indexOf()方法对大小写敏感，如果子字符串没有找到，返回-1。
              // 第二个参数表示从哪个下标开始查找，没有写则默认从下标0开始查找。
              // lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。
              onIndexof(){
                var str="Hello World";
                var str1=str.indexOf("o");
                var str2=str.indexOf("world");
                var str3=str.indexOf("o",str1+1);
                console.log(str1); //4 默认只找第一个关键字位置，从下标0开始查找
                console.log(str2); //-1 没有找到
                console.log(str3); //7
              },

                // toLowerCase(): 把字符串转为小写，返回新的字符串。
                // toUpperCase(): 把字符串转为大写，返回新的字符串。
                onLower(){
                  var str="HEllo World";
                  var str1=str.toLowerCase();
                  console.log(str); //HEllo World
                  console.log(str1); //hello world
                },

                  // charAt(): 返回指定下标位置的字符。
                  // 如果index不在0-str.length(不包含str.length)之间，返回空字符串。
                  onCharAt(){
                    var str="hello world";
                    var str1=str.charAt(-1);
                    console.log("str1",str1); //w
                  },

                    // charCodeAt(): 返回指定下标位置的字符的unicode编码,
                    // 这个返回值是 0 - 65535 之间的整数。
                    // 如果index不在0-str.length(不包含str.length)之间，返回NaN
                    onCharCodeAt(){
                      var str="hello world";
                      var str1=str.charCodeAt(1);
                      var str2=str.charCodeAt(-2); //NaN
                    }
},
  mounted() {
    this.onTransArray()
    this.onSliceString()
    this.onSubstring()
    this.onSubstr()
    this.onReplace()
    this.onMatch()
    this.onCharAt()
    this.onIndexof()
    this.onLower()
    this.onCharCodeAt()
  }
}
  </script>