• 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()

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

  • 相关阅读:
    剑指 Offer 30. 包含min函数的栈
    剑指 Offer 35. 复杂链表的复制
    剑指 Offer 18. 删除链表的节点
    剑指 Offer 24. 反转链表
    Jmeter
    Jmeter
    Linux搭建Jenkins
    [基金项目] 青年基金写作的历程与经验(2)
    [基金项目] 青年基金写作的历程与经验(1)
    浅析mysql存储过程
  • 原文地址:https://www.cnblogs.com/oybb/p/7631166.html
Copyright © 2020-2023  润新知