zoukankan      html  css  js  c++  java
  • 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()

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

  • 相关阅读:
    chrome 修改请求头的小工具
    spring boot整合shiro引用配置文件配置是出现的问题
    jquery ztree 复选框
    表单input中disabled提交后得不到值的解决办法
    大文件编辑器
    记一次差点删库跑路的事故
    简单的记录一次简单的优化
    mysql 死锁解决办法
    centos6,7中防火墙基本用法
    案例3-ubuntu和centos中自动部署tomcat相关服务的脚本
  • 原文地址:https://www.cnblogs.com/oybb/p/7631166.html
Copyright © 2011-2022 走看看