Javascript之String对象详解


Posted in Javascript onJune 08, 2016

String 对象用于处理文本(字符串)。

1、创建String

var str = "Hello World";

var str1 = new String(str);

var str = String("Hello World");

此三种方法都可以,但是略有区别

2、length属性--->返回字符串的长度

3、anchor() 方法用于创建 HTML 锚。

HTML锚是什么?
就是<a ...>...</a>
stringObject.anchor(anchorname)
anchorname 必需。为锚定义名称。

var txt="Hello world!"

document.write(txt.anchor("myanchor"))

输出为:

<a name="myanchor">Hello world!</a>

当然在浏览器中看到的就是Hello world!

4、big() 方法用于把字符串显示为大号字体。

使用方法:

var str="Hello world!"

document.write(str.big())

5、blink() 方法用于显示闪动的字符串。

使用方法:

var str="Hello world!"

document.write(str.blink())

6、bold() 方法用于把字符串显示为粗体。

var str="Hello world!"

document.write(str.bold())

7、charAt() 方法可返回指定位置的字符。

stringObject.charAt(index)
index 必需。表示字符串中某个位置的数字,即字符在字符串中的下标。
注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。

8、charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。

方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。

var str="Hello world!"

document.write(str.charCodeAt(1))

输出为:101

9、concat() 方法用于连接两个或多个字符串。

stringObject.concat(stringX,stringX,...,stringX)
stringX 必需。将被连接为一个字符串的一个或多个字符串对象。
提示:请注意,使用 " + " 运算符来进行字符串的连接运算通常会更简便一些。

var str1="Hello "

var str2="world!"

document.write(str1.concat(str2))

输出为:
Hello world!

10、fontcolor() 方法用于按照指定的颜色来显示字符串。

stringObject.fontcolor(color)
color 必需。为字符串规定 font-color。该值必须是颜色名(red)、RGB 值(rgb(255,0,0))或者十六进制数(#FF0000)。

例:

var str="Hello world!"

document.write(str.fontcolor("Red"))

11、lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。

stringObject.lastIndexOf(searchvalue,fromindex)
searchvalue 必需。规定需检索的字符串值。
fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。
注释:lastIndexOf() 方法对大小写敏感!
如果要检索的字符串值没有出现,则该方法返回 -1。

例:

var str="Hello world!"

document.write(str.lastIndexOf("Hello") + "<br />")

document.write(str.lastIndexOf("World") + "<br />")

document.write(str.lastIndexOf("world"))

输出:

0
-1
6

12、link() 方法用于把字符串显示为超链接。

stringObject.link(url)//url 必需。规定要链接的 URL。
var str="三水点靠木"
document.write(str.link("https://3water.com"))

13、match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。
stringObject.match(searchvalue)
searchvalue 必需。规定要检索的字符串值。
或:
stringObject.match(regexp)
regexp 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。

var str="Hello world!"

document.write(str.match("world") + "<br />")

document.write(str.match("World") + "<br />")

document.write(str.match("worlld") + "<br />")

document.write(str.match("world!"))

输出为:

world
null
null
world!

14、replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

stringObject.replace(regexp/substr,replacement)
regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。
请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。
一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

例:

var str="Visit Microsoft!"

document.write(str.replace(/Microsoft/, "JB51"))
输出结果为:
Visit JB51!
15、search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

stringObject.search(regexp)

regexp 该参数可以是需要在 stringObject 中检索的子串,也可以是需要检索的 RegExp 对象。

注释:要执行忽略大小写的检索,请追加标志 i。

返回值:

stringObject 中第一个与 regexp 相匹配的子串的起始位置。

注释:如果没有找到任何匹配的子串,则返回 -1。

注:search() 对大小写敏感
例:

[code]var str="Visit JB51!"

document.write(str.search(/JB51/))

输出:

6

16、slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

stringObject.slice(start,end)
start 要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。
end 紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。
返回值:
一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。
String.slice() 与 Array.slice() 相似

var str="Hello happy world!"

document.write(str.slice(6))

输出:happy world!

var str="Hello happy world!"

document.write(str.slice(6,11))

输出:happy

17、split() 方法用于把一个字符串分割成字符串数组。

stringObject.split(separator,howmany)
separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。
howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
注释:如果把空字符串 (""),不是空格,用作 separator,那么 stringObject 中的每个字符之间都会被分割

例:

var str="How are you doing today?"
document.write(str.split(" ") + "<br />")

document.write(str.split("") + "<br />")

document.write(str.split(" ",3))

输出:

How,are,you,doing,today?
H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?
How,are,you

18、substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

stringObject.substr(start,length)
start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。
length 可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。
返回值:
一个新的字符串,包含从 stringObject 的 start(包括 start 所指的字符) 处开始的 lenght 个字符。如果没有指定 lenght,那么返回的字符串包含从 start 到 stringObject 的结尾的字符。
注:ECMAscript 没有对该方法进行标准化,因此反对使用它。

var str="Hello world!"

document.write(str.substr(3,7))

输出:

lo worl

19、substring() 方法用于提取字符串中介于两个指定下标之间的字符。

stringObject.substring(start,stop)
start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1,如果省略该参数,那么返回的子串会一直到字符串的结尾。
返回值
一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
注:
substring() 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
如果参数 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。

注:
与 slice() 和 substr() 方法不同的是,substring() 不接受负的参数。

例:

var str="Hello world!"

document.write(str.substring(3,7))

输出:
lo w

20、定义和用法

toLowerCase() 方法用于把字符串转换为小写。
stringObject.toLowerCase()//无参
返回值:
一个新的字符串,在其中 stringObject 的所有大写字符全部被转换为了小写字符。

21、toUpperCase() 方法用于把字符串转换为大写。

stringObject.toUpperCase()//无参
返回值:
一个新的字符串,在其中 stringObject 的所有小写字符全部被转换为了大写字符。

22、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

stringObject.indexOf(searchvalue,fromindex)
searchvalue 必需。规定需检索的字符串值。
fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。

说明:
该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

注:indexOf() 方法对大小写敏感!

例:

var str="Hello world!"

document.write(str.indexOf("Hello") + "<br />")

document.write(str.indexOf("World") + "<br />")

document.write(str.indexOf("world"))

输出:
0
-1
6

查看更多JavaScript的语法,大家可以关注:《JavaScript 参考教程》、《JavaScript代码风格指南》,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 Javascript
extjs表格文本启用选择复制功能具体实现
Oct 11 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
javascript委托(Delegate)blur和focus用法实例分析
May 26 Javascript
微信开发 微信授权详解
Oct 21 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
ES6正则表达式的一些新功能总结
May 09 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
Apr 17 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 Javascript
详解Vue串联过滤器的使用场景
Apr 30 Javascript
浅谈JavaScript函数的四种存在形态
Jun 08 #Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
Jun 08 #Javascript
关于session和cookie的简单理解
Jun 08 #Javascript
jQuery封装的屏幕居中提示信息代码
Jun 08 #Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
Jun 07 #Javascript
JavaScript基础语法之js表达式
Jun 07 #Javascript
JavaScript必看小技巧(必看)
Jun 07 #Javascript
You might like
环境会对咖啡种植有什么影响
2021/03/03 咖啡文化
php调用mysql数据 dbclass类
2011/05/07 PHP
从刷票了解获得客户端IP的方法
2015/09/21 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
一个网马的tips实现分析
2010/11/28 Javascript
JavaScript实现的字符串replaceAll函数代码分享
2015/04/02 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
详解Sea.js中Module.exports和exports的区别
2017/02/12 Javascript
Javascript中的async awai的用法
2017/05/17 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
2017/07/14 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
小程序实现搜索框
2020/06/19 Javascript
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
[44:50]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第二局
2016/02/26 DOTA
Python cookbook(数据结构与算法)实现对不原生支持比较操作的对象排序算法示例
2018/03/15 Python
Django项目实战之用户头像上传与访问的示例
2018/04/21 Python
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
pycharm的console输入实现换行的方法
2019/01/16 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
2021/02/24 HTML / CSS
巴西葡萄酒销售网站:Wine.com.br
2017/11/07 全球购物
英国美发和美容产品商城:HQhair
2019/02/08 全球购物
幼儿园教师考核制度
2014/02/01 职场文书
批评与自我批评材料
2014/02/15 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
社团活动总结
2014/04/28 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js