`

【转】javascript 字符串处理

阅读更多
javascript 字符串处理

文章来源:http://lmgq.vip.sina.com/tech/jsadvancedlesson/c2p1.htm

一、声明字符串:
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个元素就可得出域名.
分享到:
评论

相关推荐

    javascript字符串操作

    ### JavaScript字符串操作详解 在JavaScript中,字符串是用于表示文本数据的一种基本数据类型。字符串可以包含单个字符或多个字符组合成的文本序列。本文将详细介绍JavaScript中的字符串操作方法,帮助开发者更好地...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册九:字符串

    总结,JavaScript中的字符串是处理文本数据的基本工具。理解和掌握字符串的特性及操作方法,对于Web前端开发者来说至关重要。通过熟练运用这些知识点,开发者能够更高效地处理和展示网页上的文本信息。在实际项目中...

    Javascript中字符串相关常用的使用方法总结

    随着ECMAScript标准的不断发展,ES6及之后版本引入了许多新的字符串处理方法,进一步增强了JavaScript字符串操作的能力: 1. **检查字符串开头或结尾** - `startsWith(searchString[, position])` 和 `endsWith...

    字符串转ASCII ASCII转字符串

    总结,字符串转ASCII和ASCII转字符串是编程中常见的操作,主要涉及对字符和其对应的数字表示之间的转换。理解这些概念和实现方式对于理解和处理字符数据至关重要。通过学习不同编程语言中的相关函数和方法,你可以...

    javascript字符串排序

    标题"javascript字符串排序"提示我们关注的重点是如何在JS环境中有效地对字符串进行排序。描述中提到的方法比默认的`sort()`方法效率更高,速度更快,这通常涉及到自定义排序函数的使用。 默认情况下,JavaScript的...

    javascript字符串处理函数汇总.pdf

    以下是对标题和描述中提及的JavaScript字符串处理函数的详细说明: 1. **concat()**:这个函数用于连接两个或多个字符串,创建一个新的字符串,而不会改变原始字符串。例如: ```javascript var str1 = "Hello "; ...

    Strman一个Javascript字符串处理库

    Strman是一个专为JavaScript设计...总的来说,Strman是一个强大且全面的JavaScript字符串处理工具,它提供了一系列实用的函数,帮助开发者更高效地处理字符串任务,无论是前端开发还是Node.js后端开发,都能从中受益。

    theredoc让多行JavaScript字符串看起来排版更好

    在JavaScript编程中,我们经常需要处理多行字符串,特别是在创建模板、日志或者代码注释时。然而,JavaScript原生不支持多行字符串,我们通常使用反斜杠(\)来连接多行,但这会导致代码可读性降低,排版混乱。为了...

    常用字符串处理函数-求子字符串,字符串分割,编码转换.

    在现代编程语言如JavaScript中,字符串处理是日常开发中极为常见的任务之一。本文将深入探讨几个常用的字符串处理函数,包括如何求取子字符串、进行字符串分割以及执行编码转换。这些功能在网页开发、数据处理和文本...

    work2_分割字符串_字符串处理_

    字符串处理不仅是C语言的基本操作,也是其他编程语言(如Python、Java、JavaScript等)的核心部分。在Python中,可以使用内置的 `split()` 方法进行字符串分割,而在JavaScript中,可以使用 `split()` 函数或者正则...

    常用字符串处理整理.rar

    接下来,Jscript.cs可能涉及到JavaScript端的字符串处理,JavaScript在客户端处理字符串时有其独特的方式: 1. JavaScript的字符串拼接:在JavaScript中,"+"运算符可以用于字符串连接。 2. 字符串格式化:虽然...

    JavaScript字符串函数大全

    根据提供的文件信息,这里将详细解释与JavaScript字符串相关的函数,并补充一些缺失或不清晰的部分,以便更好地理解每个函数的功能及用法。 ### JavaScript字符串函数大全 #### 1. Asc(x) - **功能**:返回字符的...

    工具类_字符串处理

    在IT行业中,字符串处理是日常开发中的重要环节,无论是在数据解析、日志记录还是用户交互等场景,都离不开对字符串的操作。本篇主要聚焦于一个名为“工具类_字符串处理”的主题,它通常指的是一个包含多种字符串...

    JavaScript判断一个字符串是否包含指定子字符串的方法

    JavaScript是一种广泛使用的前端脚本语言,它为我们提供了丰富的API,能够操作DOM、处理事件、操作字符串等。在处理字符串时,判断一个...希望通过本文的介绍和示例,能够帮助到进行JavaScript字符串操作的开发者们。

    JavaScript中的字符串操作 .txt

    字符串处理作为JavaScript编程中一个重要的组成部分,在实际应用中占据着举足轻重的地位。本文将深入探讨JavaScript中字符串操作的相关知识点,包括字符串的基本概念、常见操作方法及其应用场景。 #### 字符串的...

    javascript处理json字符串和json对象的类(含示例)

    下面我们将详细讨论如何在JavaScript中处理JSON字符串和JSON对象。 一、JSON字符串转换为JSON对象 在JavaScript中,可以使用`JSON.parse()`方法将一个JSON格式的字符串转换为JavaScript对象。这个方法接收一个JSON...

    JavaScript语言教程:JavaScript 字符串

    ### JavaScript字符串方法详解 #### 一、概述 在JavaScript中,字符串是一种常用的数据类型,用于表示文本信息。字符串可以通过多种方式进行操作,例如查找字符、连接字符串等。本篇教程将详细介绍JavaScript中的...

Global site tag (gtag.js) - Google Analytics