资讯专栏INFORMATION COLUMN

【JavaScript】面向对象之String类型

pf_miles / 816人阅读

摘要:类型概述字符串是什么类型与原始类型对应包装类型常见操作大小写转换表示大写表示小写并以对象提供,用于大小写转换转换成大写在转换成小写获取指定位置的字符串对象提供,用于获取指定位置的字符表示将指定位置的字符表示将指定位置的字符的编码检索字符串对

JS(JavaScript)
String类型;
1.概述;

字符串是什么

String类型与原始类型string对应包装类型
2.常见操作;

大小写转换;

toUpperCase()表示大写
toLwerCase()表示小写
并以String对象提供,用于大小写转换

</>复制代码

  1. var str = new String("qianyingchun");
  2. var result = str.toUpperCase();
  3. console.log(result);//转换成大写
  4. console.log(result.toLowerCase());//在转换成小写

获取指定位置的字符串

String对象提供,用于获取指定位置的字符
charAt()表示将指定位置的字符
charCodeAt()表示将指定位置的字符的Unicode编码

</>复制代码

  1. var str = "qianyingchun";
  2. console.log(str.length);//12
  3. console.log(Array instanceof String);//false
  4. console.log(String instanceof Array);//false
  5. console.log(Array.prototype instanceof String);//false
  6. console.log(String.prototype instanceof Array);//false

检索字符串

String对象提够,表示用于检索字符串
indexOf()表示某个指定字符值在字符串首次出现的位置
lastlndeOf()从后往前搜索字符串

</>复制代码

  1. var str = "qianyingchun";
  2. console.log(str.indexOf("c"));// 返回某个字符串值在字符串中首次出现的位置/8
  3. console.log(str.lastIndexOf("y"));//从后往前 /4

截取子字符串

slice()用于提取字符串片段,将心的字符串返回提取的部分
substr()用于从起索引号提取字符串指定数目字符
substring()用于提取字符串中两个指定索引号之间字符

</>复制代码

  1. var str = "qianyingchun";
  2. console.log(str.slice(7,12));
  3. console.log(str.slice(-7,-1));
  4. /*slice(begin, end)方法
  5. * 截取指定开始位置到结束位置的子字符串
  6. * 允许为负数、零和正数
  7. * begin-表示开始截取的位置
  8. * end-表示结束截取的(下一个)位置
  9. * 返回值-返回截取的新字符串
  10. */
  11. console.log(str.substr(7,6));
  12. /*substr(start, legnth)方法
  13. * 截取指定开始位置的指定长度的子字符串
  14. * start-表示开始截取的位置
  15. * length-表示截取的长度
  16. * 返回值-返回截取的新字符串
  17. */
  18. console.log(str.substring(7,12));
  19. console.log(str.substring(-7,-1));
  20. /*substring(start, end)方法
  21. * 截取指定开始位置到结束位置的子字符串
  22. * 只能为大于等于零的值
  23. * start-表示开始截取的位置
  24. * end-表示结束截取的(下一个)位置
  25. * 返回值-返回截取的新字符串
  26. */

分隔字符串

以split()表示字符串分隔为字符串数组

</>复制代码

  1. var str = "q,i,a,n,y,i";
  2. var arr = str.split(",");
  3. // 表示字符串中字符之间的分隔符
  4. console.log(arr);
  5. var str = "qianyingchun";
  6. var arr = str.split("");
  7. console.log(arr);
  8. var str = "qianyingchun";
  9. var arr = str.split("");
  10. for (var i=0;i
  11. 连接字符串

  12. 以concat()连接两个或多个字符串,并返回新的字符串

  13. </>复制代码

    1. var a1 = "AA";
    2. var a2 = a1.concat("BB","CC", 88);
    3. console.log(a1);
    4. console.log(a2);
    5. //连接2个或多个字符串,并返回新字符串
  14. 3.模式匹配;

  15. 替换子字符串

  16. replace()表示在字符串里找匹配子串,并替换为正则表达式匹配子串

  17. </>复制代码

    1. var str = ""The earth is our mother. The color of the earth"s surface is blue. It has the outline of the earth, and the second is the earth.";
    2. /*
    3. * replace(reg,str)方法
    4. * 字符串中指定内容,并将其替换为新指定内容
    5. * reg-定义正则表达式-被替换内容
    6. * str-表示替换内容
    7. * 返回值-返回替换后新字符串
    8. */
    9. // var result = str.replace(/earth/, "oracle");
    10. // var result = str.replace(/earth/i, "oracle");
    11. var result = str.replace(/earth/ig, "oracle");
    12. console.log(result);
  18. 匹配字符串

  19. 以match()寻找一个或多个正则表达式匹配

  20. </>复制代码

    1. var str = ""The earth is our mother. The color of the earth"s surface is blue. It has the outline of the earth, and the second is the earth.";
    2. /*
    3. * match(reg)方法
    4. * 用于匹配指定字符串中指定内容
    5. * reg-正则表达式
    6. * 返回值-数组
    7. * 第一个元素 - 表示匹配的内容
    8. 第二个元素 - 表示匹配内容所在的位置(索引值)
    9. 第三个元素 - 表示完整字符串
    10. 如果匹配的内容数量大于一个的话-返回所有匹配的内容
    11. */
    12. var result = str.match(/earth/);
    13. var result = str.match(/earth/ig);
    14. console.log(result);
  21. 查找字符串

  22. 以search()表示查找对正则表达式匹配的值

  23. </>复制代码

    1. var reg = /123456789/i;
    2. /*字面量/直接量
    3. * var 变量名=/pattern/attributes
    4. * pattern;则为模式,用于表示正则表达式的内容
    5. * attributes;则为修饰符,用于表示正则表达式的行为
    6. * */
    7. var reg = new RegExp("123456789","i");
    8. /*构造函数方式
    9. var 变量名 = new RegExp(pattern [, attributes])
    10. pattern - 则为模式,用于表示正则表达式的内容
    11. attributes - 则为修饰符,用于表示正则表达式的行为
    12. */

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

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

相关文章

  • 如何从JavaScript跨越到TypeScript [基础进阶知识点]

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

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

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

    zhunjiee 评论0 收藏0
  • JavaScript 面向对象 [ String类型 ]

    摘要:类型描述类型对应原始类型中的类型大小写转换表示将指定字符串中内容英文小小写的转换方法表示将内容转换成大写方法表示将内容转换成小写定义一个字符串将字符串转换成全大写将字符串转换成全小写根据指定位置获取字符串内容表示通过指定字符串中指定字符的位 String类型 描述 String类型对应原始类型中的string类型 大小写转换 表示将指定字符串中内容(英文)小小写的转换 toUpperC...

    fnngj 评论0 收藏0
  • JavaScript 面向对象 [ 原型 ]

    摘要:原型描述所有函数类型都具有的属性在函数进行定义时,就包含属性属性的默认值为一个空对象获取原型第一种构造函数的属性第二种对象提供的方法啊哈哈所有函数都具有属性,可以直接调用显示类型包含构造函数所有引用类型都可以使用构造函数方式定义所有引用类 原型 描述 所有函数(Function类型)都具有的属性 在函数进行定义时,就包含prototype属性 prototype属性的默认值为一个空对...

    warmcheng 评论0 收藏0

发表评论

0条评论

pf_miles

|高级讲师

TA的文章

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