JS字符串的使用_js stringh-CSDN博客

本文链接：https://blog.csdn.net/fanfan_h/article/details/90439239

字符串分割成字符串数组
split()
语法:
stringObject.split(separator)
功能:
把一个字符串分割成字符串数组。
返回值: Array。
说明:
separator:必需，分隔符。（如： “/” ,“-”）
replace()
语法:
stringObject.replace(regexp/subtrreplacement)
功能:
在字符串中用一些字符替换另一些字符 ,或替换一个与正则表达式匹配的子串。
返回值: String
参数:
regexp :必须。规定子字符串或要替换的模式的RegExp对象。
Replacement:必须。一个字符串值。
concat（）
字符串的合并

  var m1="ab";
        m2="cd";
    console.log(m1.concat(m2));  //abcd

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>split replace</title>
</head>
<body>
      <script>
          //字符串转化为数组
          var str='welcome-to-bejing';
          //使用split将str转换为数组
          var arr=str.split("-");
          //{"welcome","to","beijing"}
          console.log(arr);

          var date='2016/05/06';
          var datearr=date.split("/");
         // {"2016","05","06"}
          console.log(datearr);

          //替换：replace
          var tel='010-62378076,400-100-9098,010-832456789';
          //被替换后的字符串，只替换第一个“，”
          var newTel=tel.replace(','," ");
          console.log(newTel );    //{"010-62378076 400-100-9098,010-832456789"}
      </script>
</body>
</html>

获取字符串的位置：
charAt()
语法:
stringObject.charAt(index)
功能:（返回某位置的相应字符）
返回stringObject中index位置的字符
说明:
ECMAScript5中可使用“方括号加字符索引”来访问字符串中特定的字符,但是IE7及更早的浏览器会返回undefined.

charCodeAt()
语法:
stringObject.charCodeAt(index)
功能:
返回stringObject中index位置字符的字符编码。

查找方法字符串方法 indexOf() lastIndexOf()
indexOf()
语法:
stringObject.indexOf (“o”)
功能:
从一个字符串中搜索给定的子字符串,返回子字符串的位置。
返回值:数值
说明:如果没有找到该子字符串,则返回-1。
lastIndexOf()
语法:
stringObject.lastIndexOf (“o”)
功能:
从一个字符串中搜索给定的子字符串,返回子字符串的位置
返回值:数值
说明:如果没有找到该子字符串,则返回-1

fromCharCode 据ascii获取对应的索引值

    var su=98;
    console.log(String.fromCharCode(su));//根据ascii获取对应的索引值

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>charAt charcodeat index lastindex</title>
</head>
<body>
  <script>
      //charAt
      var str="hello word";
      var pos=str.charAt(4);  //  o
      var pos2=str.charAt(1);  // e
      //charCodeAt
     // var pos=str.charCodeAt(4)  //111
      console.log(pos);
      console.log(pos2);

      //indexOf  检查某个字符的位置
      var email="lifan@qq.com";
      //检查@在email中的位置
      var sor=email.indexOf("@");
      console.log(sor);  //5
      /*var sor=email.indexOf("r");
      console.log(sor);  //无"m"返回为-1  */
      var email0="lifan.sohu.@qq.com";
      console.log(email0.indexOf("qq"));  //12
      console.log(email0.indexOf("."));  //5
      console.log(email0.lastIndexOf("."));  //14  从后往前检索
  </script>
</body>
</html>

字符串对象的截取方法:slice() substring() substr ()
slice()
语法:
stringValue.slice(start,end)
功能:
截取子字符串。
参数说明:
1、start :必需,指定子字符串的开始位置。
2、end :可选,表示子字符串到哪里结束, end本身不在截取范围之内,省略时截取至字符串的末尾。
3.当参数为负数时，会将传入的负值与字符串的长度相加。
substring()
说明:语法及功能同slice()完全一样。
区别在于:
1、当参数为负数时,自动将参数转换为0。
2、substring()会将较小的数作为开始位置,将较大的
数作为结束位置。
substr()
语法:
stringValue substr(start,len)
功能:
截取子字符串。
参数说明:
1、start :必需，指定子字符串的开始位置。
2、len: 可选,表示截取的字符总数,省略时截取至字符串的未尾。
3、当start为负数时 ,会将传入的负值与字符串的长度相加。
4.当len为负数时返回空字符串。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>string字符串的截取</title>
</head>
<body>
      <script>
           //slice(start,end)  截取 end本身不被截取
          var str="hello world";
          console.log(str.slice(7,10));  //orl
          console.log(str.slice(1,3));  //el
           //参数为负数时：str.slice(-3)=str.slice(8)  11+(-3)=8
          console.log(str.slice(-3));  //rld
           //str.slice(-7,-3)=str.slice(4,8)
          console.log(str.slice(-7,-3));  //o wo\

          //substring(start,end)  :语法及功能同slice()完全一样。当参数为负数时,自动将参数转换为0。
           console.log(str.substring(2,7));//llo w
           //str.substring(0)
           console.log(str.substring(-2));//hello world
           //str.substring(0,0)
           console.log(str.substring(-7,-2));//当start,end为负数时 返回空字符串。
           //str.substring(0,5)
           console.log(str.substring(-7,5));//hello
           //str.substring(0,2)   自动将-5转为0，以0开始
           console.log(str.substring(2,-5));//he   substring()会将较小的数作为开始位置,将较大的数作为结束位置。

           //substr(start,len)    len: 可选,表示截取的字符总数,省略时截取至字符串的未尾。
           console.log(str.substr(7,3)); //  orl
           console.log(str.substr(-7,3));  //o w  当start为负数时 ,会将传入的负值与字符串的长度相加。
           console.log(str.substr(2,-3)); // 当len为负数时 返回空字符
      </script>
</body>
</html>

大小写转化的方法：

toUpperCase() ：转化大写
语法:
stringValue.toUpperCase()
功能:把字符串转换为大写。
toLowerCase() ：转化小写
语法:
stringValue.toLowerCase()
功能:把字符串转换为小写。

案例：将border-left-color 转化为 borderLeftColor //驼峰形式

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>toUpperCase 和tolowerCase</title>
</head>
<body>
  <script>
      //toUpperCase  把字符串转换为大写
      var str="hello world";
      console.log(str.toUpperCase());  //HELLO WORLD
      var upper=str.charAt(6).toUpperCase();  //只将第六个字符转换为大写
      console.log(upper );   // W

      //toLowerCase  把字符串转换为小写
      var str2="WELCOME";
      console.log(str2.toLowerCase());  //welcome
      //border-left-color  转化为  borderLeftColor  //驼峰形式
      function camelback(str){
          ///通过-这个分隔符将str拆分成数组
       var arr=str.split("-");      newStr=arr[0]; //border
     // console.log(arr);//{"border" "left" "color"}
          for(i=1,len=arr.length;i<len;i++){     //i=1是因为border(i=0)不转换
              var word=arr[i];
             newStr+=word.charAt(0).toUpperCase()+word.substr(1) ;//borderLeft
                                                                  // borderLeftColor
              //console.log(newStr );
          }
          return newStr;
      }
      var camelFormat=camelback ("border-left-color ");
      console.log(camelFormat );   //  borderLeftColor
     var camelFormat2=camelback ("get-element-by-id ");
      console.log(camelFormat2 );   // getElementById
  </script>
</body>
</html>

在这里插入图片描述