Javascript实例教程(17) 使用字符串函数

这可如何是好_1

这可如何是好_1

2016-02-19 13:41

图老师小编精心整理的Javascript实例教程(17) 使用字符串函数希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~
字符串对象提供了许多方法,但是很少的程序设计人员充分利用它们,这对于一个程序员来说,不能不说这是一种缺陷。字符串提供的方法可以用于操作字符、产生HTML标签以及搜索字符串等等。

下面首先说说什么是字符串。在javascript语言中,字符串就是一种对象。就象在Java中,它们不是作为一系列的字符被存储的,所以字符串的操作必须使用内置的构造器和设置函数来完成。在后来的版本中有了字符串构造器和更多的关于对象的概念。在这个层次上说,字符串是由字母而不是数字组成的变量,这就是字符串的概念。

举个例子,一些有效的字符串为"Hello", "Bob", "Bob2", "33", "33.3",而33或者33.3就不是字符串了。所有的字符串有一个共同的属性,称为长度,这个长度返回了字符串中字符的个数。

最常用的字符串方法是:indexOf()、charAt()和substring()。因为这几个方法在JavaScript中经常出现,所以下面我对它们进行详细说明:

indexOf()函数

这个函数允许你判断一个字符串是否存在于一个更长的字符串中以及它所处的位置。它等价于C语言中的strstr函数以及Visual Basic语言中的inStr函数。这个方法也有一个相应的函数:lastIndexOf(),这个函数字符串的另外一端搜索。

就象函数的名字所意味的,返回数值表明字符串在所搜索字符串中的位置。如果在被搜索的字符串中没有找到要查找的字符串就返回-1。这里要注意,在JavaScript中-1是一个普通的整数,而不是一个布尔型(Boolen)的数。以下是具体例子:

var myString = "Have a nice day!";

alert(myString.indexOf("a")); //这里返回1

alert(myString.lastIndexOf("a")); // 这里返回 13

这里还需要再提醒一次,在JavaScript中的数组的索引是从0开始,这跟C语言是遗言的。所以上面的语句alert(myString.indexOf("a"))是返回1,因为”a” 处于字符串"Have a nice day!"的第二个位置。

细心一点,你可能会发现字符串"Have a nice day!"还有一个字符"a",那怎么才能找到第二个字母"a"呢?这是一个很好的问题,为了做到这一点,我们必须再介绍这个函数的第二个参数。第二个参数是一个整数,它指示了字符串中开始搜索的位置。

为了综合以上的知识,下面对代码进行一些来找到所有字符"a",具体代码如下:

var myString = "Have a nice day!";

var index = myString.indexOf("a");

while (index != -1) {

alert(index);

index = myString.indexOf("a", index + 1);
// start search after last match found

}

下面详细解释一下这段代码:变量index被初始化为第一个"a"所在的位置(如果没有"a",那么变量index就为-1)。然后再给出一个循环,条件是index!=-1。在每次的循环中,我们将变量index加1,即从找到的"a"后面第一个字符开始继续查找,直至将所有的字符"a"找到为止。当再也没有字符"a"在字符串变量mySring中找到的时候,就返回-1值,此时index就等于-1,不满足循环条件index!=-1,故导致循环结束。而alert(index)语句的输出为:1,5,13。

在这个例子中我们只是展示indexOf()进行单一字符的搜索。如果你经常使用这个函数,你会发现它可以搜索任意的字符或者字符串。

charAt()函数

这个函数返回在字符串中字符处在给定的位置。从本质上讲,它是substring()方法的一个特例,但是它也有自己的用途。如果你原来是个C语言程序员或者其它相近的语言的程序员,那么你就能理解当引用字符的时候,可以利用string.charAt(index)来代替string[index]。

下面我们来在一个表单输入中使用这个函数。表单中有email地址,当然这个email地址要限制为字符、数字以及一个"@"符号。我们可以一次性讲字符串分列为单个字符来对它进行强制。详细代码如下:

SCRIPT language="JavaScript" !-- Hide from older browsers

var parsed = true;

var validchars = "abcdefghijklmnopqrstuvwxyz0123456789@.-";

var email = prompt("What is your email address?", "nobody@nowhere.com");

for (var i=0; i email.length; i++) {

var letter = email.charAt(i).toLowerCase();

if (validchars.indexOf(letter) != -1)

continue;

alert("Invalid character: " + letter);

parsed = false;

break;

}

if (parsed) alert("Your email address contains all valid characters.");

// Stop hiding --

/SCRIPT



(图1)

如图1所示。你可以按下”check Email”按钮,此时就会弹出一个对话框,如图2所示。

>This is a string

str.sub()

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

SUBThis is a string/SUB

This is a string

str.sup()

SUPThis is a string/SUP

This is a string

str.toLowerCase()

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

this is a string

this is a string

str.toUpperCase()

THIS IS A STRING

THIS IS A STRING



上表中最后的两个例子不是与HTML特定相关的,但是它们作为一种格式工具是很有用的。所有的这些方法可以应用到字符串中来创建一个定制的格式。
下面再给出一个例子: BODY

SCRIPT language="JavaScript"

!-- Hide from older browsers

var heading = prompt("Please enter a heading", "Test Heading");

var colour = prompt("Please enter a colour", "darkred");

document.write(heading.fontsize(7).fontcolor
(colour).bold().toUpperCase());

// Stop hiding --

/SCRIPT

/BODY



(图5)

这时你按下如图5所示的按钮,就可以弹出如图6的对话框:



(图6)

在其中的方框中输入网页的标题:太平洋电脑网,点击确定键。接着再弹出一个对话框要求输入颜色,如图7所示:



(图7)

点击确定键后就产生了如图8所示的网页:



(图8)

点击此处去测试页面

就象我们前面所解释的,写东西到一个已经装载的文档或者窗口是不可能的。为了显示这个代码我们打开新窗口并为这个窗口写入产生的HTML代码。

当然,你可以只使用JavaScript来格式化文本,但是一旦被格式化后的文本出现在网页上,它就不可变了。

escape() and unescape()

当你从一个网页向另一个网页传递数值的时候,你可以使用URL搜索字符串(比如使用一个表单,利用method="get"),这时你会发现有些字符被转换为 %nn格式:

http://www.mydomain.com.au/index.html?name=Duncan%20Crombie

而网络服务器和网络浏览器只能处理有限的字符,所以任何的字符一旦超过这个范围都将以数字的形式进行传递。

这个escape函数可以对变量进行编码,当设置cookies的时候它经常使用;而unescape函数是用来对它们进行译码。

展开更多 50%)
分享

猜你喜欢

Javascript实例教程(17) 使用字符串函数

Web开发
Javascript实例教程(17) 使用字符串函数

javascript实例教程(17) 使用字符串函数

电脑网络
javascript实例教程(17) 使用字符串函数

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

实例:用 JavaScript 来操作字符串(一些字符串函数)

Web开发
实例:用 JavaScript 来操作字符串(一些字符串函数)

JavaScript中split字符串函数

Web开发
JavaScript中split字符串函数

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript实例教程(三)注释的运用和字符串变量

Web开发
JavaScript实例教程(三)注释的运用和字符串变量

使用$-类型字符串函数会更快

编程语言 网络编程
使用$-类型字符串函数会更快

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

excel2010快速清除单元格内容和格式

excel2010快速清除单元格内容和格式

跟我学Java Swing之游戏设计(3)

跟我学Java Swing之游戏设计(3)
下拉加载更多内容 ↓