JavaScript中String对象的使用方法以及实例

 更新时间:2022年04月21日 09:21:45   作者:汤键.TJ  
这篇文章主要给大家介绍了关于JavaScript中String对象的使用方法以及实例的相关资料,文中通过实例代码介绍的非常详细,方便开发者在JavaScript开发中更好地处理字符串,需要的朋友可以参考下

方法总览:

实例(js中字符串和字符串对象之间能够自由转换,字符串可以直接使用字符串对象的方法和属性): 

var ss="孙士彬倪炜豪汤键倪炜豪";
document.write(ss.anchor("cc")+"<br>");
// 生成一段 HTML 代码:<a name="cc">孙士彬倪炜豪汤键倪炜豪</a>
 
document.write(ss.link("https://www.bilibili.com/")+"<br>");
// 生成一段 HTML 代码:< a href="https://www.bilibili.com/">孙士彬倪炜豪汤键倪炜豪</a>
 
document.write(ss.big()+"<br>");
// 生成一段 HTML 代码:<big>孙士彬倪炜豪汤键倪炜豪</big>
 
document.write(ss.small()+"<br>");
// 生成一段 HTML 代码:<small>孙士彬倪炜豪汤键倪炜豪</small>
 
document.write(ss.blink()+"<br>");
// 生成一段 HTML 代码:<blink>孙士彬倪炜豪汤键倪炜豪</blink>
 
document.write(ss.bold()+"<br>");
// 生成一段 HTML 代码:<b>孙士彬倪炜豪汤键倪炜豪</b>
 
document.write(ss.charAt(0)+"<br>");
// 获取 ss 中的第 0 个字符,字符从0开始;输出:孙
 
document.write(ss.charCodeAt(0)+"<br>");
// 获取 ss 中第 0 个字符的 Unicode 编码,输出:23385
 
document.write(ss.concat("老朋友")+"<br>");
// 将字符串“老朋友”拼接到字符串 ss 之后,输出:孙士彬倪炜豪汤键倪炜豪老朋友
 
document.write(ss.fontcolor("red")+"<br>");
// 生成一段 HTML 代码:<font color="red">孙士彬倪炜豪汤键倪炜豪</font>
 
document.write(ss.fontsize(1)+"<br>");
// 生成一段 HTML 代码:<font size="1">孙士彬倪炜豪汤键倪炜豪</font>
 
document.write(ss.strike()+"<br>");
// 生成一段 HTML 代码:<strike>孙士彬倪炜豪汤键倪炜豪</strike>
 
document.write(ss.sub()+"<br>");
// 生成一段 HTML 代码:<sub>JavaScript教程</sub>
 
document.write(ss.italics()+"<br>");
// 生成一段 HTML 代码:<i>孙士彬倪炜豪汤键倪炜豪</i>
 
document.write(ss.sup()+"<br>");
// 生成一段 HTML 代码:<sup>孙士彬倪炜豪汤键倪炜豪</sup>
 
document.write(ss.indexOf("倪炜豪")+"<br>");
// 获取字符串“倪炜豪”在 ss 中首次出现的位置,输出:3
 
document.write(ss.lastIndexOf("倪炜豪")+"<br>");
// 获取字符串“倪炜豪”在 ss 中最后一次出现的位置,输出:8
 
document.write(ss.localeCompare("ww")+"<br>");
 比较字符串对象与给定字符串,返回:-1
 
document.write(ss.match(/[倪]/g)+"<br>");
// 根据正则 /[倪]/g 检索 ss,返回:倪,倪                       以下不用正则都只会匹配1个字符
 
document.write(ss.replace(/[倪]/g,"ni")+"<br>");
// 使用字符串“ni”替换正则 /[倪]/g 匹配的字符,返回:孙士彬ni炜豪汤键ni炜豪
 
document.write(ss.search(/[倪]/g)+"<br>");
// 获取与正则匹配的字符串首次出现的位置,返回:3
 
document.write(ss.slice(0,3)+"<br>");
// 截取字符串(获取 str 中第 0 到第 2 个字符),返回:孙士彬
 
document.write(ss.split("倪")+"<br>");
// 根据“倪”将字符串 str 拆分为数组,返回:孙士彬,炜豪汤键,炜豪
 
document.write(ss.substr(0,3)+"<br>");
// 从第 4 个字符开始,向后截取 3 个字符,返回:孙士彬
 
document.write(ss.substring(3,6)+"<br>");
// 截取字符串(获取 str 中第 3 到第 5 个字符),返回:倪炜豪
 
document.write(String.fromCharCode(72,69,76,76,79)+"<br>");
// 将 Unicode 编码转换为具体的字符,输出:HELLO

html通过<script>标签包含外部js文件运行

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>love</title>
<script src="test.js">
</script>
</head>
<body>
</body>
</html>

总结

到此这篇关于JavaScript中String对象使用的文章就介绍到这了,更多相关JS String对象使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 分析JS中this引发的bug

    分析JS中this引发的bug

    这篇文章主要介绍了分析JavaScript中this引发的bug以及相关的处理方法分析,一起学习下吧。
    2017-12-12
  • JS数据结构与算法中的队列结构详解

    JS数据结构与算法中的队列结构详解

    队列指的是一种受限的线性表,先进先出,今天通过本文带领大家认识队列及队列的应用,对JS数据结构与算法-队列结构相关知识感兴趣的朋友一起看看吧
    2022-11-11
  • Javascript如何理解全国甲卷高考作文

    Javascript如何理解全国甲卷高考作文

    这篇文章主要介绍了Javascript如何理解全国甲卷高考作文,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • Bootstrap面板(Panels)的简单实现代码

    Bootstrap面板(Panels)的简单实现代码

    这篇文章主要为大家详细介绍了Bootstrap面板(Panels)的简单实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScript实现图片懒加载的三种方案详解

    JavaScript实现图片懒加载的三种方案详解

    图片懒加载,当图片出现在可视区域再进行加载,提升用户的体验,这篇文章主要为大家整理了三个常用的图片懒加载实现方法,希望对大家有所帮助
    2023-12-12
  • 使用原生JS实现滚轮翻页效果的示例代码

    使用原生JS实现滚轮翻页效果的示例代码

    这篇文章主要介绍了使用原生JS实现滚轮翻页效果的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  •  javascript学数组中的foreach方法和some方法

     javascript学数组中的foreach方法和some方法

    这篇文章主要介绍了 javascript学数组中的foreach方法和some方法,文章相关内容和代码详细,具有一定的参考价值,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2022-03-03
  • JavaScript中layer关闭指定弹出窗口方法总结

    JavaScript中layer关闭指定弹出窗口方法总结

    这篇文章主要给大家介绍了关于JavaScript中layer关闭指定弹出窗口方法的相关资料,layer是layui的一个弹出层组件,但是可以作为独立组件使用,需要的朋友可以参考下
    2023-10-10
  • JS 添加千分位与去掉千分位的示例

    JS 添加千分位与去掉千分位的示例

    本文为大家详细介绍下使用JS添加千分位以及去掉千分位的实现代码,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • 简单实现js轮播图效果

    简单实现js轮播图效果

    这篇文章主要教大家如何简单实现js轮播图效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07

最新评论