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自定义打印及静默打印的实现方法

    JS自定义打印及静默打印的实现方法

    在浏览器上打印应该一个比较常见的操作, 最简单的打印方式就是直接点击浏览器右上角,找到“打印”按钮或者调用window.print(), 然而,实际情况下大多数需求都不会如此简单,所以本文给大家介绍了使用JS自定义打印及静默打印的方法实现,需要的朋友可以参考下
    2024-01-01
  • 百度UEditor编辑器如何关闭抓取远程图片功能

    百度UEditor编辑器如何关闭抓取远程图片功能

    这篇文章主要介绍了百度UEditor编辑器如何关闭抓取远程图片功能,需要的朋友可以参考下
    2015-03-03
  • firebug的一个有趣现象介绍

    firebug的一个有趣现象介绍

    在FIREBUG里如果一个对象同时拥有length属性和splice方法,就会被firebug显示为数组的形式
    2011-11-11
  • js字符串完全替换函数分享

    js字符串完全替换函数分享

    用JS替换字符串时。只能替换掉字符串中第一个匹配对象,有时候需要替换全部的字符,下文是具体的实现方法,大家可以参考下
    2014-12-12
  • js防抖函数和节流函数使用场景和实现区别示例分析

    js防抖函数和节流函数使用场景和实现区别示例分析

    这篇文章主要介绍了js防抖函数和节流函数使用场景和实现区别,结合实例形式详细分析了js防抖函数和节流函数基本功能、定义、用法区别及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • JavaScript中“基本类型”之争小结

    JavaScript中“基本类型”之争小结

    所谓“基本类型(primitive types)”的概念ECMAScript(V3,V5)中压根就没有,它只是将类型分为6种,感兴趣的朋友可以参考下
    2013-01-01
  • 利用d3.js实现蜂巢图表带动画效果

    利用d3.js实现蜂巢图表带动画效果

    这篇文章主要给大家介绍了关于如何利用d3.js实现蜂巢图表带动画效果的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用d3.js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • 关于微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题

    关于微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题

    这篇文章主要介绍了微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • 图解Javascript——作用域、作用域链、闭包

    图解Javascript——作用域、作用域链、闭包

    本文主要介绍了图解Javascript——作用域、作用域链、闭包等知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • BootStrap前端框架使用方法详解

    BootStrap前端框架使用方法详解

    这篇文章主要介绍了BootStrap前端框架使用方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02

最新评论