JavaScript转换字符串方法

javascript字符串相关的方法有很多,本文给出了一些常见的转换字符串方法,小编觉得不错,分享给大家。

定义字符串(String)对象

JavaScript String 对象用于处理文本字符串。创建 String 对象语法如下:

<script language="JavaScript">
var str_object = new String( str );
var str1 = String( str );
var str2 = str;
</script>

以上三种方法中,只有第一种是使用 String 构造函数严格的定义一个字符串对象,返回的也是一个对象(object)。第二种是调用 String 函数,将转换参数 str 为原始字符串字符串并返回。第三种是定义一个字符串变量,但在 JavaScript 仍然按照字符串对象来处理。

运行下面的语句便可知道它们的区别:

alert( typeof str_object );	// 输出 object
alert( typeof str1 );		// 输出 string
alert( typeof str2 );		// 输出 string

String 对象属性

属性 描述
constructor 对创建该对象的函数的引用
length 字符串的长度
prototype 向对象添加属性和方法

String 对象方法

String 对象常用方法列表如下:

字符串输出

  • alert():消息警告框输出文字
  • document.write():向 Web 页面输出文字

字符串操作

  • concat():连接两个或多个字符串
  • replace():字符串替换或正则匹配替换
  • slice():通过指定开始和结束位置来截取字符串
  • split():将字符串分割为字符串数组
  • substr():根据开始位置和长度截取字符串
  • substring():通过指定开始和结束位置来截取字符串

字符串转换

  • toLowerCase():把字符串转换为小写
  • toUpperCase():把字符串转换为大写
  • fromCharCode():将一个或多个 Unicode 值转换为字符串

字符串查找

  • charAt():取得指定位置的字符
  • charCodeAt():取得指定位置字符的 Unicode 编码
  • indexOf():计算某个指定的字符串在字符串中首次出现的位置
  • lastIndexOf():计算某个指定的字符串在字符串中首次出现的位置

HTML标签类

  • bold():取得指定位置的字符
  • fontcolor():按照指定的颜色来显示字符串
  • fontsize():按照指定的尺寸来显示字符串
  • italics():把字符串显示为斜体
  • link():给字符串加上超链接
  • strike():给字符串加上删除线
  • sub():把字符串显示为下标
  • sup():把字符串显示为上标

本章节内容共分 22 部分:

  • 1. JavaScript 字符串处理(String对象)
  • 2. JavaScript concat 方法:连接两个或多个字符串
  • 3. JavaScript replace 方法:字符串替换或正则替换
  • 4. JavaScript slice 方法:通过指定开始和结束位置来截取字符串
  • 5. JavaScript split 方法:将字符串分割为字符串数组
  • 6. JavaScript substr 方法:根据开始位置和长度截取字符串
  • 7. JavaScript substring 方法:通过指定开始和结束位置来截取字符串
  • 8. JavaScript toLowerCase 方法:把字符串转换为小写
  • 9. JavaScript toUpperCase 方法:把字符串转换为大写
  • 10. JavaScript fromCharCode 方法:将一个或多个 Unicode 值转换为字符串
  • 11. JavaScript charAt 方法:取得指定位置的字符
  • 12. JavaScript charCodeAt 方法:取得指定位置字符的 Unicode 编码
  • 13. JavaScript indexOf 方法:计算某个指定的字符串在字符串中首次出现的位置
  • 14. JavaScript lastIndexOf 方法:计算指定的字符串在字符串中最后一次出现的位置
  • 15. JavaScript bold 方法:把字体显示为粗体
  • 16. JavaScript fontcolor 方法:按照指定的颜色来显示字符串
  • 17. JavaScript fontsize 方法:按照指定的尺寸来显示字符串
  • 18. JavaScript italics 方法:把字符串显示为斜体
  • 19. JavaScript link 方法:给字符串加上超链接
  • 20. JavaScript strike 方法:给字符串加上删除线
  • 21. JavaScript sub 方法:把字符串显示为下标
  • 22. JavaScript sup 方法:把字符串显示为上标

关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流