JavaScript 字符串(String)对象
String 对象用于处理已有的字符块。
一个字符串可以使用单引号或双引号。
使用位置(索引)可以访问字符串中任何的字符。字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。
可以在字符串中使用引号。字符串由单引号包括时,字符串可以直接使用双引号;字符串由双引号包括时,字符串可以直接使用单引号。
或者在字符串中使用转义字符。
转义字符
代码 | 输出 |
\' |
单引号 |
\" | 双引号 |
\\ | 反斜杠 |
\n | 换行 |
\r | 回车 |
\t | tab(制表符) |
\b | 退格符 |
\f | 换页符 |
String对象属性
属性 | 描述 |
constructor | 对创建该对象的函数的引用 |
length | 字符串的长度 |
prototype | 允许您向对象添加属性和方法 |
String对象方法
方法 | 描述 |
charAt() | 返回在指定位置的字符。 |
charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 |
concat() | 连接两个或更多字符串,并返回新的字符串。 |
fromCharCode() | 将 Unicode 编码转为字符。 |
indexOf() | 返回某个指定的字符串值在字符串中首次出现的位置。 |
lastIndexOf() | 从后向前搜索字符串。 |
match() | 查找找到一个或多个正则表达式的匹配。 |
replace() | 在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。 |
search() | 查找与正则表达式相匹配的值。 |
slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 |
split() | 把字符串分割为字符串数组。 |
substr() | 从起始索引号提取字符串中指定数目的字符。 |
substring() | 提取字符串中两个指定的索引号之间的字符。 |
toLowerCase() | 把字符串转换为小写。 |
toUpperCase() | 把字符串转换为大写。 |
trim() | 去除字符串两边的空白。 |
valueOf() | 返回某个字符串对象的原始值。 |
测试代码
var txt = 'Hello World!'; document.writeln('<h3>测试字符中为: "' + txt + '", 变量名为txt。</h3>'); //字符串属性length的使用 document.writeln('<p>' + 'length属性的值是:' + txt.length + '</p>'); //函数charAt(n),返回字符中指定位置的字符 document.writeln('<p>' + 'txt.charAt(4) = ' + txt.charAt(6) + '</p>'); document.writeln('<p>' + 'txt.charAt(20) = ' + txt.charAt(20) + '</p>'); //函数replace(searchvalue,newvalue), 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 document.writeln('<p>' + 'txt.replace("World", "Test") = ' + txt.replace('World', 'Test') + '</p>'); document.writeln('<p>' + 'txt.replace(/o/g, "a") = ' + txt.replace(/o/g, 'a') + '</p>'); //函数split(separater [,limit]), 用于把一个字符串分割成字符串数组。 document.writeln('<p>' + 'txt.split(" ") = ' + txt.split(' ') + '</p>'); document.writeln('<p>' + 'txt.split(" ", 1) = ' + txt.split(' ', 1) + '</p>'); ///////////// //字符串检索 ///////////// //函数indexOf(str),返回某个指定的字符串在字符串中首次出现的位置 document.writeln('<p>' + 'txt.indexOf("World") = ' + txt.indexOf('World') + '</p>'); document.writeln('<p>' + 'txt.indexOf("world") = ' + txt.indexOf('world') + ' , 查找区分大小的,没有找到返回-1。</p>'); document.writeln('<p>' + 'txt.indexOf("o") = ' + txt.indexOf('o') + '</p>'); document.writeln('<p>' + 'txt.indexOf("o", 6) = ' + txt.indexOf('o', 1) + '</p>'); //函数lastIndexOf(str),从后向前搜索字符串 document.writeln('<p>' + 'txt.lastIndexOf("o") = ' + txt.lastIndexOf('o') + '</p>'); //函数search(searchvalue), 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。 document.writeln('<p>' + 'txt.search("or") = ' + txt.search('or') + '</p>'); document.writeln('<p>' + 'txt.search(/o/g) = ' + txt.search(/o/g) + '</p>'); document.writeln('<p>' + 'txt.search(/z/g) = ' + txt.search(/z/g) + '</p>'); //函数match(regexp),在字符串内检索指定的值,或找到一个或多个正则表达式的匹配 document.writeln('<p>' + 'txt.match("or") = ' + txt.match('or') + '</p>'); document.writeln('<p>' + 'txt.match(/o/g) = ' + txt.match(/o/g) + '</p>'); document.writeln('<p>' + 'txt.match(/z/g) = ' + txt.match(/z/g) + ' , 没有找到返回null</p>'); ///////////// //字符串截位 ///////////// //函数substr(start [,length]), 可在字符串中抽取从start下标开始的指定数目的字符。 //函数slice(start [,end]),方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。 //函数substring(start [,end]),方法返回的子串包括start处的字符,但不包括end处的字符。 document.writeln('<p>' + 'txt.substr(4) = ' + txt.substr(4) + '</p>'); document.writeln('<p>' + 'txt.slice(4) = ' + txt.slice(4) + '</p>'); document.writeln('<p>' + 'txt.substring(4) = ' + txt.substring(4) + '</p>'); document.writeln('<p>' + 'txt.substr(3, 3) = ' + txt.substr(3, 3) + '</p>'); document.writeln('<p>' + 'txt.slice(3, 3) = ' + txt.slice(3, 3) + '</p>'); document.writeln('<p>' + 'txt.substring(3, 3) = ' + txt.substring(3, 3) + '</p>'); document.writeln('<p>' + 'txt.slice(-8, -2) = ' + txt.slice(-8, -2) + '</p>'); document.writeln('<p>' + 'txt.slice(-2, -2) = ' + txt.slice(-2, -2) + '</p>'); document.writeln('<p>' + 'txt.substring(2, 30) = ' + txt.substring(2, 30) + '</p>'); //函数toLowerCase()用于把字符串转换为小写。 document.writeln('<p>' + 'txt.toLowerCase() = ' + txt.toLowerCase() + '</p>'); //函数toUpperCase()用于把字符串转换为大写。 document.writeln('<p>' + 'txt.toUpperCase() = ' + txt.toUpperCase() + '</p>');
总结整理
- 不要创建 String 对象。它会拖慢执行速度,并可能产生其他副作用
indexOf与search
- indexOf只能使用字符串检索,search即使用字符串检索,也可以使用正则表达式进行检索。
- indexOf可以指定开始检索的位置,search不能指定。
- indexOf(字符串)等价与search(字符串)。
substr、slice与substring
- substr第2个参数为截取的长度,slice、substring第2个参数为截取的最后前1位。
- slice的参数可以为负数或者正数,substring的参数只能是正数。
相关推荐
JavaScript基础语法资料 JavaScript代码 素材 笔记 作业资料,学习资料 01-编程语言.html 02-JS初体验.html 03-JS注释.html 04-JS输入输出语句.html 05-变量.html 06-变量案例.html 07-变量案例弹出用户名.html 08-...
js基础学习笔记 --------字符串与事件对象总结
这个菜鸟的笔记里面没有谈到JavaScript中的对象,比如说时间对象和字符串对象,这些内容可以在“菜鸟的JavaScript对象笔记”中找到。不过因为小菜鸟个人认为HTML DOM比其它的JavaScript对象更常用一些(不过这可不...
MDN上关于模板字符串的页面, 浏览器打印成pdf, 用注释记了笔记,作为对应博客的附属资料,方便读者离线阅读.
|--x.toString():用于把一个 Number 对象转换为一个字符串,并返回结果 19.正则表达式对象:(专门用于查找和验证) reg.test(‘要验证的完整字符串’)匹配返回true,否则返回false 强调:如果正则表达式使用了^和$...
var str=”hello”; str+=”world”; 实际上,这段代码在幕后执行的步骤如下:...解决方法是用Array对象存储字符串,然后用join()方法(参数是空字符串)创建最后的字符串。想像用下面的代码代替前面的代码: 代码如下:
这篇文章是针对javascript字符串学习写下的笔记,在此与需要的朋友分享。 思维导图 字符串的创建方式 字符串是javascript中的基本类型之一,它对应的类型是String,可以通过两种方式来创建字符串: 通过变量赋值的...
JavaScript极速狂飙:组合拼接字符串的效率 JavaScript极速狂飙:CSS样式表的背景渲染效率 JavaScript面向对象的支持--(1) JavaScript面向对象的支持--(2) JavaScript面向对象的支持--(3) JavaScript...
5) in可以检查指定字符串是否是一个对象的基本属性或方法名称;instanceof运算符返回左边的对象是否右边类的一个实例;delete可以删除一个属性,它不会影响到属性关联的对象的生存,若该属性不存在会返回true;[]...
javascript学习笔记之String 字符串类型介绍,这里介绍的是js字符串处理常用函数
字符串的连接 一、 最常用+= 一直说这种方式的效率是最低的,为什么呢?可以看下这种方式的实质过程。 var str = “hello”; str += “world”; (1) 创建存储”hello”的字符串。 (2) 创建存储”world”的字符串。 ...
JavaScript学习笔记第二部分,包括对象,内置对象(Array, String, Data, 字符串和数值之间的转化,Globle对象,Windows对象,Math对象)的详解和例子,适合0基础和有一些基础的同学。
一个JavaScript字符串格式化程序,主要与兼容。 安装 在浏览器中: < script src =" format.js " > </ script > 通过: bower install es6ish-string-format 笔记 此方法将自身附加到String原型。 ...
本文是司徒正美的《javascript框架设计》的第三章第一节的读书笔记,简单介绍了javascript字符串的扩展和修复,小伙伴们参考下吧
JavaScript的对象基础 本篇主要讲解本地对象Array和Date的各种方法。...宿主对象 Array类 toString()方法和valueOf()方法,返回特殊的字符串。该字符串是通过对每项调用toString()方法,然后用逗号
1.简单类型 javascript的简单类型包括 数字(Number)、字符串(String)、布尔值(Boolean)、null值 和 undefined值。其他所有值都是对象。 2.对象 javascript中的对象是可变键控集合。在javascript中,数组、函数...
本教程中,我们将尝试使用Web Speech API,这是一个非常强大的浏览器接口,可以用来记录语音并将其转换为文本,同样的,也可以用来朗读字符串。 接下来进入正题,这个App应当具有以下几个功能: 通过语音录入或者...
JavaScript 有Date、Array、String等这样的内置对象,...在JavaScript中除了字符串、数字、true、false、null和undefined之外的值都是对象。所以,学习JavaScript不把对象学习明白要继续往下学习就非常的困难。从今天