javascript 字符串处理全攻略

javascript 字符串处理
一、声明字符串:
var normal_monkey = “I am a monkey!<br>”;
document.writeln(“Normal monkey ” + normal_monkey);

var bold_monkey = normal_monkey.bold();
document.writeln(“Bold monkey ” + bold_monkey);

这里的声明: var bold_monkey = normal_monkey.bold();
和下面对声明是等同的:
var bold_monkey = “<b>” + normal_monkey + “</b>”;

第1个版本的声明看起来要简明得多。这里用到了字符串对象中
的bold对象,其他的字符串对象还有indexOf, charAt,
substring, 以及split, 这些方法可以深入字符串的组成结构。
首先我们研究一下indexOf。

2、indexOf
indexOf用于发现一系列的字符在一个字符串中等位置并告诉你子字符串的起始位置。如

果一个字符串中部包含该子字符串则indexOf返回returns “-1.”
例子:
var the_word = “monkey”;
//让我们从单词 “monkey”开始。
var location_of_m = the_word.indexOf(“m”);
//location_of_m(字母m的位置)将为0,因为字母m位于该字符串的起始位置。
var location_of_o = the_word.indexOf(“o”);
//location_of_o(字母o的位置)将为1。
var location_of_key = the_word.indexOf(“key”);
//location_of_key(key的位置)将为3因为子字符串“key”以字母k开始,而k

在单词monkey中的位置是3。
var location_of_y = the_word.indexOf(“y”);
//location_of_y)字母y的位置)是5。
var cheeky = the_word.indexOf(“q”);
//cheeky值是-1,因为在单词“monkey”中没有字母q。

indexOf更实用之处:
var the_email = prompt(“What’s your email address?”, “”);
var the_at_is_at = the_email.indexOf(“@”);
if (the_at_is_at == -1)
{
????alert(“You loser, email addresses must
????have @ signs in them.”);
}

这段代码询问用户的电子邮件地址,如果用户输入的电子邮件地址中不包含字符 则 提

示用户"@你输入的电子邮件地址无效,电子邮件的地址必须包含字符@。"

3、charAt
chatAt方法用于发现一个字符串中某个特定位置的字符。
这里是一个例子:
var the_word = “monkey”;
var the_first_letter = the_word.charAt(0);
var the_second_letter = the_word.charAt(1);
var the_last_letter = the_word.charAt(the_word.length-1);

the_first_letter(第1个字符)是”m”
the_second_letter(第2个字符)是”o”
the_last_letter(最后一个字符)是 “y”

注意利用字符串的length(长度)属性你可以发现在包含多少个字符。在本例中,

the_word是”monkey”,所以the_word.length是6。不要忘记在一个字符串中第1个字符的

位置是0,所以最后一个字符的位置就是length-1。所以在最后一行中用了

the_word.length-1。>>

4、子字符串(substring)
子字符串(substring)和charAt有些象,不同之处在于它能够从一个单词中抓取整个的

子字符串,而不只是字母,这里是其格式:

var the_substring = the_string.substring(from, to);

“From”指的是子字符串中第1个字母的位置,”to”有点奇特,它是该子字符串中比最后

一个位置大1的位置.使用这种神奇的方法你可以标记子字符串的起始和结束位置,用

“to”的位置减去”from”的位置就会得出该子字符串的长度:

var the_string = “monkey”;
var clergy = the_string.substring(0,4);
var tool = the_string.substring(3,6);

运行该段代码后变量clergy的值为”monk”; 变量tool的值为”key”。

子字符串常和indexOf一起使用,将字符串分成若干块.例如,
你可以从一个给定的URL中抽取出其域名:

var the_url = prompt(“What’s the URL?”,””);
var lead_slashes = the_url.indexOf(“//”);
var domain_start = lead_slashes + 2;
var without_resource = the_url.substring(domain_start, the_url.length);
var next_slash = without_resource.indexOf(“/”);
var domain = without_resource.substring(0, next_slash);

这段代码的意思是:如果你输入
http://www.webmonkey.com/javascript/index.html“;,则域名就是

“www.webmonkey.com” .如果这个方法对你来说有些麻烦,我将向你介绍如何使用split

方法简化其执行过程.但是首先我们作一些分析.

基本的技巧是将第1个斜杠和第2个斜杠之间的内容分离出来:
var the_url = prompt(“What’s the URL?”,””);
//这行代码向用户询问一个URL.假设用户输入了
http://www.webmonkey.com/javascript/index.html.”;
var lead_slashes = the_url.indexOf(“//”);
这行代码确定第一个双斜杠的位置.在本例中lead_slashes的值是5,因为双斜杠的位

置从5开始.

你可能会想,通常的URL都是以http://开始,所以双斜杠的位置肯定是在5开始,为什

么还要加入indexOf这一段多余的代码呢?但是问题的关键在于你不知道用户在填入URL

时是否一定填入http:,他们也许会不小心多键入了一个空格,也许他们所键入的URL在

一个加密服务器上,其URL是”https://www.whatever.com/“; .在编程你必须预料到种种

可能发生的问题.所以我们必须用indexOf方法确定双斜杠的确切的起始位置.

var domain_start = lead_slashes + 2;

这行代码用于计算该域名的第1个字母的起始位置.由于这里有一个双斜杠,所以域名

第1个字母的起始位置应该在双斜杠所在位置加2的位置.

var without_resource = the_url.substring(domain_start, the_string.length);

这段代码将域名起始位置往后的所有字符都提取出来.所以执行完这行代码后

without_resource是”www.webmonkey.com/javascript/index.html.”

var next_slash = without_resource.indexOf(“/”);

这行代码计算出该字符串中下一个斜杠的位置,而从该字符串起始位置到这个斜杠之间

的内容就是域名.在本例中下一个斜杠的位置是17。

var domain = without_resource.substring(0, next_slash);

最后一步是提取出该字符串起始位置到下一个斜杠之间的所有内容.在本例中使得域名

等同于”www.webmonkey.com”。

这样做确实很麻烦,利用split方法则可以使该过程容易很多.>>

5、分割方法(splitting method)
你可以使用split方法用限位器来分割一系列的名称,然后将其
放在一个数组中.例如:

var my_friends =”trixie,moxie,sven,guido,hermes”;

var friend_array =my_friends.split(“,”);

for (loop=0; loop < friend_array.length;loop++)
{????document.writeln(friend_array[loop] + ” is myfriend.<br>”);}

这段代码将字符串my_friends分割成包含5个元素的数组.JavaScript可以为你自动建

立一个数组,所以你无需使用new Array().

将字符串分割成数组之后,我们使用了循环语句写出每一个名称.我们可以利用split方

法简化前面所讲到的域名提取:

var the_url = prompt(“What’s the URL?”,””);
var first_split = the_url.split(“//”);
var without_resource = first_split[1];
var second_split = without_resource.split(“/”);
var domain = second_split[0];

这段代码简化了很多而且也更容易理解.我们来分析一些这段代码:

var the_url = prompt(“What’s the URL?”,””);

提示用户输入一个URL,假设用户输入
http://www.webmonkey.com/javascript/index.html“; .
var first_split = the_url.split(“//”);
将用户输入的字符串分割成两块:first_split[0]是”http:”,first_split[1]是

“www.webmonkey.com/javascript/index.html.”
var without_resource = first_split[1];
//提取出数组中的第2个元素,所以现在without_resource是

“www.webmonkey.com/javascript/index.html.”
var second_split = without_resource.split(“/”);
将without_resource分割成3块:www.webmonkey.com,javascript, 和index.html.现

在你可以看到split的用途了吧?

var domain = second_split[0];

现在我们提取出新数组中的第1个元素就可得出域名.

赞(0) 打赏
未经允许不得转载:WEB前端开发 » javascript 字符串处理全攻略

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    在讲到indexOf的时候,第二句话吧,“如果一个字符串中部包含该子字符串则indexOf返回returns “-1.””应该是“如果一个字符串中不包含。。。”有一个错别字。我第一次是用手机上网看的,看了好几遍总觉得有问题,原来是错别字的原因。

    Zz8年前 (2011-06-14)回复
  2. #-48

    在看“split”这个的时候,你举了一个例子“var my_friends =”trixie,moxie,sven,guido,hermes”;
    var friend_array =my_friends.split(“,”);
    for (loop=0; loop < friend_array.length;loop++)
    { document.writeln(friend_array[loop] + ” is myfriend.”);}”
    我测试了一下,结果,我的页面中显示的是这样的“undefinedis my friend.”

    这是为什么呢。

    Zz8年前 (2011-06-14)回复
  3. #-47

    我只不过是把loop换成了i而已。下面是我的代码:
    var my_friends = “trixie,moxie,sven,guido,hermes”;
    var friend_array = my_friends.split(“,”);
    for(i = 0;i<friend_array.length;i ++);
    {document.writeln(friend_array[i] + "is my friend.”);}

    Zz8年前 (2011-06-14)回复
  4. #-46

    不知都要等到啥时候才会有大师帮我解决这个难题啊

    Zz8年前 (2011-06-20)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏