JavaScript进阶教程(第二课)第2/3页

子字符串（substring）和charAt有些象，不同之处在于它能够从一个单词中抓取整个的子字符串，而不只是字母，这里是其格式：

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

    "From"指的是子字符串中第１个字母的位置，"to"有点奇特，它是该子字符串中比最后一个位置大１的位置．使用这种神奇的方法你可以标记子字符串的起始和结束位置，用"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.jsfan.org/course/senior"，则域名就是"www.jsfan.org" ．如果这个方法对你来说有些麻
烦，我将向你介绍如何使用split方法简化其执行过程．但是首先我们作一些分析．

    基本的技巧是将第１个斜杠和第２个斜杠之间的内容分离出来：

    var the_url = prompt("What's the URL?",""); 

    这行代码向用户询问一个URL．假设用户输入了

    "http://www.jsfan.org/course/senior"

    var lead_slashes = the_url.indexOf("//"); 
    这行代码确定第一个双斜杠的位置．在本例中lead_slashes的值是５，因为双斜杠的位置从５开始．

    你可能会想，通常的URL都是以http://开始，所以双斜杠的位置肯定是在５开始，为什么还要加入indexOf这一段多余的代码呢？但是问题的关键在于你不知道用户在填入URL时是否一定填入http:，他们也许会不小心多键入了一个空格，也许他们所键入的URL在一个加密服务器上，其URL是"https://www.whatever.com/" ．在编程你必须预料到种种可能发生的问题．所以我们必须用indexOf方法确定双斜杠的确切的起始位置．

    var domain_start = lead_slashes + 2; 

    这行代码用于计算该域名的第１个字母的起始位置．由于这里有一个双斜杠，所以域名第１个字母的起始位置应该在双斜杠所在位置加２的位置．

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

    这段代码将域名起始位置往后的所有字符都提取出来．所以执行完这行代码后without_resource是"www.jsfan.org/course/senior" 

    var next_slash = without_resource.indexOf("/"); 

    这行代码计算出该字符串中下一个斜杠的位置，而从该字符串起始位置到这个斜杠之间的内容就是域名．在本例中下一个斜杠的位置是13。

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

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

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

    你可以使用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 my friend.<br>");
    }

    这段代码将字符串my_friends分割成包含５个元素的数组．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.jsfan.org/course/senior" ．
    var first_split = the_url.split("//"); 

    将用户输入的字符串分割成两块：first_split[0]是"http:"，first_split[1]是"www.jsfan.org/course/senior"

    var without_resource = first_split[1]; 
    提取出数组中的第２个元素，所以现在without_resource是"www.jsfan.org/course/senior"

    var second_split = without_resource.split("/"); 
    将without_resource分割成３块：www.jsfan.org, course和senior．现在你可以看到split的用途了吧？

    var domain = second_split[0]; 
    现在我们提取出新数组中的第１个元素就可得出域名．

    接下来我们将学习相关数组的概念，然后我们就正式开始学习神奇的cookie．

最新评论