JavaScript中的内置对象-8--2.String-符串对象 方法; 截取方法; 综合应用; 其他方法;

JavaScript内置对象-2String(字符串)

学习目标

1.掌握字符串对象 方法：

charAt()

charCodeAt()

indexOf()

lastIndextOf()

charAt()与

语法：stringObjcet.charAt(index)

功能：返回stringObject中index位置的字符串。

说明：ECMAScript5可以使用“方括号加字符串索引”来访问字符串中特定的字符，但是IE7及更早的浏览器会返回undfined.

charCodeAt()

语法：stringObject.charCodeAt(index)

功能：返回stringObject中index位置字符的字符编码。

说明：ECMAScript5可以使用“方括号加字符串索引”来访问字符串中特定的字符，但是IE7及更早的浏览器会返回undfined.

<script>
      /* var str="hello world";
       console.log(str.charCodeAt(4));
       var email="marry.mail@sohu.com";
       // 检测@在email中出现的位置
       console.log(email.indexOf("o"));
       console.log(email.lastIndexOf("."));*/
       var str="hello world";
       // 截取orl
      /* console.log(str.slice(7,10));
       console.log(str.slice(1));
       // str.slice(8)  // str.slice(4,9)
       console.log(str.slice(-7,-2));
       console.log(str.substring(-7,5)); //(0,5)
       console.log(str.substring(2,-5)); //(0,2)*/
       // str.substring(6,9)
       console.log(str.substr(6,3));
       console.log(str.substr(-5,4));  // (6,4)
       console.log(str.substr(3,-4));
    </script>

indexOf()与lastIndexOf()

语法：stringOject.indextOf(“0”)

功能：从左一个字符串中搜索给定的子字符串，返回子字符串的位置。

返回值：数值

说明：如果没有找到该子字符串，则返回-1.

语法：stringOject.lastIndextOf(“0”)

功能：从右一个字符串中搜索给定的子字符串，返回子字符串的位置。

返回值：数值

说明：如果没有找到该子字符串，则返回-1

<script>
       // 获取扩展名
       var url="http://baidu.com/index.txt";
       function getFileFormat(url){
          // 获取.在url中出现的位置
          var pos=url.lastIndexOf(".");
          return url.substr(pos);
       }
       var formatName=getFileFormat(url);
       var picFormat=getFileFormat("1231434.jpg")
       console.log(formatName);
       console.log(picFormat);
    </script>

学习目标

1.掌握字符串对象的截取方法：

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为负数时，返回空字符串。

学习目标

掌握字符串方法的综合应用：

编写JS函数，用于获得输入参数的后缀名，如输入abc.text,返回.text。

学习目标

1.掌握字符串对象的方法：split（）

replace（）

split()

语法：stringObject.split(separator)

功能：把一个字符串分割成字符串数组。

返回值：Array

说明：separator:必需，分割符。

<script>
              var str='welcome-to-beijing';
              //使用split将str转换为数组
              var arr=str.split("-");
              var date='2016/05/05';
              //["welcome","to","beijing"]
              var dateArr=date.split("/");
              console.log(dateArr);
              console.log(arr);
              //替换
              var tel='010-62971268,400-100-9098,010-86789889';
              //newTel被替换之后的字符串
              var newTel=tel.replace(',',"  ");
              console.log(newTel);
    </script>

replace（）

语法：stringObject.replace(regexp/substr,replacement)

功能：在字符串中用一些字符替换另一些字符。或替换一个与正则表达式匹配的字符。

返回值：string

参数：regexp：必需，规定子字符串或要替换的模式的regexp对象。

replacement:必需，一个字符串值。

<script>
       var str='welcome-to-beijing';
       // 使用split将str转换为数组
       var arr=str.split("-");
       var date='2016/05/05';
       // ["welcome","to","beijing"]
       var dateArr=date.split("/");
       console.log(arr);
       console.log(dateArr);
       // 替换
       var tel='010-62971268,400-100-9098,010-86789889';
       // newTel被替换之后的字符串
       var newTel=tel.replace(',',"  ");
       console.log(newTel);
    </script>

学习目标

掌握字符串方法的其他方法：

1.toUpperCase()

2.toLowerCase()

3.将字符串border-left-color转换成borderLeftColor

toUpperCase()与toLowerCase()

语法：stringValue.toUpperCase()

功能：把字符串转换为大写。

语法：stringValue.toLowerCase()

功能：把字符串转为小写。