资讯专栏INFORMATION COLUMN

JavaScript面向对象编程——String类型

DevWiki / 2030人阅读

摘要:类型的概述字符串是什么类型是与原始类型对象的包装类型。返回某个指定的字符串值的字符串中首次出现的位置。从起始索引号提取字符串中指定数目的字符。

String类型的概述 字符串是什么

String类型是与原始类型string对象的包装类型。
string类型与String类型之前的区别
1.使用typeof运算符,string类型返回‘string’,String类型返回‘object’。
2.String类型提供了很多属性和方法可以使用。例如检索字符串、分隔字符换等操作。

常见操作 大小写转换

String类型对象提供了两种方法,用于大小写转换。
1.toUpperCase():把字符串转换为大写。
2.toLowerCase():把字符串转换为小写。
代码示例:

// var str = "wolongxueyuan";
var str = new String("wolongxueyuan");

var result = str.toUpperCase();//转换大写
console.log(result);
console.log(result.toLowerCase());//转换小写
获取指定位置的字符串

String对象提供了两种方法,用来获取指定位置的字符
1.charAt():返回指定位置耳钉字符
2.charCodeAt():返回在指定的位置额字符的Unicode编码。

var str = "wolongxueyuan";
//String类型的length属性——字符串长度(字符的个数)
console.log(str.length);//13

//根据指定位置获取字符
//charAt()——返回指定的字符内容
//charCodeAt()——返回指定字符对应的Unicode码
console.log(str.charAt(1));
console.log(str.charCodeAt(1))
检索字符串

String对象提供了两种方法,用来检索字符串。
1.indexOf();返回某个指定的字符串值的字符串中首次出现的位置。
2.lastlndexOf():从后向前搜索字符串。
代码示例:

//检索字符串

var str = "wolongxueyuan";

console.log(str.indexOf("a"));//11从前往后
console.log(str.lastIndexOf("o"));//3从后往前
截取子字符串

String对象提供了三种方法,用来截取子字符串。
1.slice():提取字符串的片段,并在新的字符串中返回被提取的部分。
2.substr():从起始索引号提取字符串中指定数目的字符。
3.substring():提取字符串中两个指定的索引号之间的字符。
代码示例:

var str = "wolongxueyuan";
/*
    slice(begin, end)方法
    * 作用 - 截取指定开始位置到结束位置的子字符串
    * 参数 - 允许为负数、零和正数
      * begin - 表示开始截取的位置
      * end - 表示结束截取的(下一个)位置
    * 返回值 - 返回截取的新字符串
 */
console.log(str.slice(7,12));
console.log(str.slice(-7,-1));
/*
    substr(start, legnth)方法
    * 作用 - 截取指定开始位置的指定长度的子字符串
    * 参数
      * start - 表示开始截取的位置
      * length - 表示截取的长度
    * 返回值 - 返回截取的新字符串
 */
console.log(str.substr(7,6));
/*
    substring(start, end)方法
    * 作用 - 截取指定开始位置到结束位置的子字符串
    * 参数 - 只能为大于等于零的值
      * start - 表示开始截取的位置
      * end - 表示结束截取的(下一个)位置
    * 返回值 - 返回截取的新字符串
 */
console.log(str.substring(7,12));
console.log(str.substring(-7,-1));

注意:slice()和substring()之间的区别,虽然这两个方法截取方式一样,但是slice()方法可以截取字符串的正数,也可以截取字符串中的负数和零。substring()方法只能截取大于或等于零的值。一般我们会采用substring()方式进行完成截取。

分隔字符串

String对象提供了一种可以用于分隔字符串的方法
split():吧字符串分隔为字符串数组。

var str = "w,o,l,o,n,g";
/*
    split(separator)方法
    * 作用 - 用于分隔字符串
    * 参数
      * separator - 表示字符串中字符之间的分隔符
    * 返回值 - 返回分隔后的数组
 */
var arr = str.split(",");
console.log(arr);

var str = "wolongxueyuan";
var arr = str.split("");
console.log(arr);
链接字符换

String对象提供了一种用于链接字符串的方法
concat():连接两个或多个更多字符串,并返回新的字符串。

var str = "wolongxueyuan";

var result = str.concat("100","800");
console.log(result);
模式匹配 修饰符

模式匹配中土工了三种修饰符,与前面正则修饰符基本一样。

替换子字符串

String对象提供了一种用于替换子字符串的方法
replace():在字符串中查找匹配的子串,并替换与正则表达式匹配的子串。

var str = ""Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft";
/*
    replace(reg, str)方法
    * 作用 - 匹配指定字符串中的指定内容,将其替换为新的指定内容
    * 参数
      * reg - 用于定义正则表达式(搜索匹配的内容) -> 被替换的内容
      * str - 表示替换的内容
    * 返回值 - 返回替换后的新字符串
 */
// var result = str.replace(/microsoft/, "oracle");
// var result = str.replace(/microsoft/i, "oracle");
var result = str.replace(/microsoft/ig, "oracle");
console.log(result);
匹配字符串

String对象中match()方法用于匹配字符串。
代码示例:

var str = ""Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft";
/*
    match(reg)方法
    * 作用 - 用于匹配指定字符串中的指定内容
    * 参数
      * reg - 正则表达式
    * 返回值 - 数组
      * 第一个元素 - 表示匹配的内容
      * 第二个元素 - 表示匹配内容所在的位置(索引值)
      * 第三个元素 - 表示完整字符串
    * 如果匹配的内容数量大于一个的话 -> 返回所有匹配的内容
 */
// var result = str.match(/microsoft/);
var result = str.match(/microsoft/ig);
console.log(result);
查找字符串

String对象中search()用于来查找字符串

var str = ""Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft";
/*
    search(reg)方法
    * 作用 - 查找指定字符串中的指定内容
    * 参数
      * reg - 表示正则表达式
    * 返回值
      * 如果只匹配一个指定内容的话,返回匹配内容第一个字符的索引值
      * 如果匹配是多个指定内容的话,返回第一个匹配内容的第一个字符的索引值
 */
var result = str.search(/microsoft/ig);
console.log(result);

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/108423.html

相关文章

  • JavaScript函数式编程》读书笔记

    摘要:而函数式编程中,则认为数据只是行为加工的产品。我们会发现,在函数式编程中,我们去除掉了主语。下面就来说说函数式编程的一些具体的东西。纯函数在函数式编程中,有一个很重要的概念是纯函数。 JavaScript是一门很神奇的语言,作为一门现代化的语言,他有很多很有特色的东西,这些东西,让我们看到了一个十分自由化的未来,你永远都不知道,自己是不是掌握了这门奇葩的要命的语言。本文,可能没有那么多...

    mochixuan 评论0 收藏0
  • 如何从JavaScript跨越到TypeScript [基础进阶知识点]

    摘要:接口前端程序员很难理解的点也是一门面向对象的语言,但是中它是基于原型实现的,中使用了类,这样会更清晰的体会到面向对象这一说法,但是实际在中的面向对象更加完整,它跟这些语言一样,通过接口和类去完整的面向对象编程。 从入门到放弃的java 初中时自学过JAVA,学了大概一个多月吧, 学了一个多月,看视频这些,后面放弃了编程。 依稀记得,那段日子极度苦逼,我想如果当时是学javaScrip...

    wangym 评论0 收藏0
  • 如何从JavaScript跨越到TypeScript [基础进阶知识点]

    摘要:接口前端程序员很难理解的点也是一门面向对象的语言,但是中它是基于原型实现的,中使用了类,这样会更清晰的体会到面向对象这一说法,但是实际在中的面向对象更加完整,它跟这些语言一样,通过接口和类去完整的面向对象编程。 从入门到放弃的java 初中时自学过JAVA,学了大概一个多月吧, 学了一个多月,看视频这些,后面放弃了编程。 依稀记得,那段日子极度苦逼,我想如果当时是学javaScrip...

    zhunjiee 评论0 收藏0
  • TypeScript快速入门

    摘要:添加了可选的静态类型注意并不是强类型和基于类的面向对象编程。类类型接口示例接口更注重功能的设计,抽象类更注重结构内容的体现模块中引入了模块的概念,在中也支持模块的使用。 一:Typescript简介 维基百科: TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个严格超集,并添加了可选的静态类型和基于类的面向对象编程。C#的首席架构师以及Delp...

    moven_j 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<