javascript 字符串处理

javascript 字符串处理

1、声明字符串:
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);

这段代码的意思是:如果你输入";,则域名就是"www.webmonkey.com" .如果这个方法对你来说有些麻烦,我将向你介绍如何使用split方法简化其执行过程.但是首先我们作一些分析.(window.prompt参数,有两个,第一个参数,显示提示输入框的信息。第二个参数,用于显示输入框的默认值。返回,用户输入的值。)

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

你可能会想,通常的URL都是以http://开始,所以双斜杠的位置肯定是在5开始,为什么还要加入indexOf这一段多余的代码呢?但是问题的关键在于你不知道用户在填入URL

时是否一定填入http:,他们也许会不小心多键入了一个空格,也许他们所键入的URL在一个加密服务器上,其URL是"; .在编程你必须预料到种种可能发生的问题.所以我们必须用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,假设用户输入"; .
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个元素就可得出域名.

文章来源: http://lmgq.vip.sina.com/tech/jsadvancedlesson/c2p1.htm
 
js得到url的各个部分

首先解释一下URL:
参考百度百科:URL条目
URL即:统一资源定位符 (Uniform Resource Locator, URL)
完整的URL由这几个部分构成:
scheme://host:port/path?query#fragment
scheme:通信协议
常用的http,ftp,maito等

host:主机
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port:端口号
整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

path:路径
由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

query:查询
可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。

fragment:信息片断
字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)

对于这样一个URL

http://www.x2y2.com/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

我们可以用javascript获得其中的各个部分
1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值: http://www.x2y2.com/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

2,window.location.protocol
URL 的协议部分
本例返回值:http:

3,window.location.host
URL 的主机部分
本例返回值:www.x2y2.com

4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""

5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html

6,window.location.search
查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6

7,window.location.hash
锚点
本例返回值:#imhere < src="http://feeds.feedburner.com/~s/fisker?i=http://www.x2y2.com/fisker/post/0703/window.location.html" type="text/javascript" charset="utf-8">  

本文来自http://blog.csdn.net/aniwn/archive/2008/01/10/2033872.aspx

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值