js基础篇(一)——数组的各种操作
js基础篇(三)——DOM的各种操作
1. 创建字符串
一个字符串用于存储一系列字符就像"John Doe"
。
一个字符串可以使用单引号或双引号:
- 实例
var txt = new String("string");
//或者更简单方式:
var txt = "string";
2. 访问字符串
你使用位置(索引)可以访问字符串中任何的字符:
- 实例
var character=carname[7];
字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。
3. 字符串的属性和方法
3.1 属性
属性 | 描述 |
---|---|
constructor | 对创建该对象的函数的引用 |
length | 字符串的长度 |
prototype | 允许您向对象添加属性和方法 |
3.2 方法
下面的表格是总结,每个方法的示例在下面。
方法 | 描述 |
---|---|
charAt() | 返回在指定位置的字符。 |
charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 |
concat() | 连接两个或更多字符串,并返回新的字符串。 |
fromCharCode() | 将 Unicode 编码转为字符。 |
indexOf() | 返回某个指定的字符串值在字符串中首次出现的位置。 |
lastIndexOf() | 从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。 |
match() | 查找找到一个或多个正则表达式的匹配。 |
replace() | 在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。 |
search() | 查找与正则表达式相匹配的值。 |
slice() | 提取字符串的片断,并在新的字符串中返回被提取的部分。 |
split() | 把字符串分割为字符串数组。 |
substr() | 从起始索引号提取字符串中指定数目的字符。 |
substring() | 提取字符串中两个指定的索引号之间的字符。 |
toLowerCase() | 把字符串转换为小写。 |
toUpperCase() | 把字符串转换为大写。 |
trim() | 去除字符串两边的空白 |
valueOf() | 返回某个字符串对象的原始值。 |
-
charAt()
方法
- 定义和用法
charAt()
方法可返回指定位置的字符。
第一个字符位置为 0, 第二个字符位置为 1,以此类推. - 实例
返回字符串中的第三个字符:
var str = "HELLO WORLD";
var n = str.charAt(2)
n输出结果:
L
-
charCodeAt()
方法
- 定义和用法
charCodeAt()
方法可返回指定位置的字符的 Unicode 编码。
字符串中第一个字符的位置为 0, 第二个字符位置为 1,以此类推。 - 实例
返回字符串第一个字符的 Unicode 编码:
var str = "HELLO WORLD";
var n = str.charCodeAt(0);
n 输出结果:
72
-
concat()
方法
- 定义和用法
concat()
方法用于连接两个或多个字符串。
该方法没有改变原有字符串,但是会返回连接两个或多个字符串新字符串。 - 实例
连接两个字符串:
var str1 = "Hello ";
var str2 = "world!";
var n = str1.concat(str2);
n 输出结果:
Hello world!
-
fromCharCode()
方法
- 定义和用法
fromCharCode()
可接受一个指定的 Unicode 值,然后返回一个字符串。
注意:该方法是String
的静态方法,字符串中的每个字符都由单独的 Unicode 数字编码指定。 - 实例
将 Unicode 编码转为一个字符:
var n = String.fromCharCode(65);
n 输出结果:
A
-
indexOf()
方法
- 定义和用法
indexOf()
方法可返回某个指定的字符串值在字符串中首次出现的位置。
如果没有找到匹配的字符串则返回 -1。
注意:indexOf()
方法区分大小写。
提示: 同样你可以查看类似方法lastIndexOf()
。 - 实例
查找字符串 "welcome":
var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");
n 输出结果:
13
-
lastIndexOf()
方法
- 定义和用法
lastIndexOf()
方法可返回一个指定的字符串值最后出现的位置。
如果没有找到匹配字符串则返回 -1 。
注意:lastIndexOf()
方法是区分大小写的!
提示: 你也可以参照类似方法indexOf()
。 - 实例
查找字符串 "runoob" 最后出现的位置:
var str="I am from runoob,welcome to runoob site.";
var n=str.lastIndexOf("runoob");
n 输出结果:
28
-
match()
方法
- 定义和用法
match()
方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
如果没有找到任何匹配的文本,match()
将返回null
。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。 - 实例
在字符串中查找 "ain":
var str="The rain in SPAIN stays mainly in the plain";
var n=str.match(/ain/g);
n 输出数组结果值:
ain,ain,ain
-
replace()
方法
- 定义和用法
replace()
方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
该方法不会改变原始字符串。 - 实例
在本例中,我们将执行一次全局替换,每当 "Microsoft" 被找到,它就被替换为 "Runoob":
var str="Visit Microsoft!";
var n=str.replace("Microsoft","Runoob");
n 输出结果:
Visit Runoob!
-
search()
方法
- 定义和用法
search()
方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
如果没有找到任何匹配的子串,则返回 -1。 - 实例
查找 "W3CSchool":
var str="Visit W3CSchool!";
var n=str.search("W3CSchool");
n 输出结果:
6
search()
方法和indexof()
一样返回目标自字符串索引值。
首先要明确search()
的参数必须是正则表达式,而indexOf()
的参数只是普通字符串。indexOf()
是比search()
更加底层的方法。很多时候用indexOf()
不是为了真的想知道子字符串的位置,而是想知道长字符串中没有包含这个子字符串。
-
slice()
方法
- 定义和用法
slice(start, end)
方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
使用start
(包含) 和end
(不包含) 参数来指定字符串提取的部分。
字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推。
提示: 如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。 - 实例
提取字符串的片断:
var str="Hello world!";
var n=str.slice(1,5);
n 输出结果:
ello
-
split()
方法
- 定义和用法
split()
方法用于把一个字符串分割成字符串数组。
提示: 如果把空字符串 (""
) 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
注意:split()
方法不改变原始字符串。 - 实例
把一个字符串分割成字符串数组:
var str="How are you doing today?";
var n=str.split(" ");
n 输出一个数组的值:
How,are,you,doing,today?
a="a|b|c";
console.log(a.split("|"));//["a", "b", "c"]
a="a,b,c";
console.log(a.split(","));//["a", "b", "c"]
-
substr()
方法
- 定义和用法
substr()
方法可在字符串中抽取从 开始 下标开始的指定数目的字符。
提示: substr() 的参数指定的是子串的开始位置和长度,因此它可以替代substring()
和slice()
来使用。
注意:substr()
方法不会改变源字符串。 - 实例
抽取指定数目的字符:
var str="Hello world!";
var n=str.substr(2,3)
n 输出结果:
llo
-
substring()
方法
substring()
方法用于提取字符串中介于两个指定下标之间的字符。
substring()
方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。
substring
和slice
的区别则是,slice
可以接受“负数”,表示从字符串尾部开始计数; 而substring
则把负数或其它无效的数,当作0。
- 实例
在本例中,我们将使用 substring() 从字符串中提取一些字符::
var str="Hello world!";
document.write(str.substring(3)+"<br>");
document.write(str.substring(3,7));
以上代码输出结果:
lo world!
lo w
-
toLowerCase()
方法
- 定义和用法
`toLowerCase() 方法用于把字符串转换为小写。 - 实例
把字符串转换为小写:
var str="Hello World!";
document.write(str.toLowerCase());
-
toUpperCase()
方法
- 定义和用法
`toUpperCase() 方法用于把字符串转换为大写。 - 实例
把字符串转换为大写:
var str="Hello world!";
document.write(str.toUpperCase());
-
trim()
方法
- 定义和用法
trim()
方法去除字符串两边的空白。 - 实例
无
-
valueOf()
方法
- 定义和用法
valueOf()
方法可返回String
对象的原始值。
注意:valueOf()
方法通常由 JavaScript 在后台自动进行调用,而不是显式地处于代码中。 - 实例
返回 String 对象的原始值:
var str="Hello world!";
document.write(str.valueOf());
以上输出结果:
Hello world!