Javascript语言精粹之String常用方法分析

1. String常用方法分析

1.1 String.prototype.slice()

slice(start,end)方法复制string的一部分来构造一个新的字符串

start<0时,它将于string.length相加

end参数可选,默认值为string.length。如果end<0,它将于string.length相加

var text='and in it he say " Any damn fool could';
var a=text.slice(18);
//a 是 '" Any damn fool could'
var b = text.slice(0,3);
//b 是 'and'
var c = text.slice(-5);
//c 是 'could'

1.2 String.prototype.substring()

substring方法不能处理负数参数

javascript语言精粹作者不建议使用substring,建议用slice

对于substring()、slice()、substr(),这里有篇文章有详细的对比

http://www.cnblogs.com/ider/p/js-slice-vs-substr-vs-substring-table.html

摘一下文中的结论

三个方法之间的主要区别如下:
1. 三个方法的参数1都代表子串开始位置,参数2在slice和substring中表示结束位置,而在substr中代表的则是子串长度;
2. 对于负数态度,当出现在参数1的位置时,slice和substr从末尾开始计算,而substring不支持末尾计数法直接视为0;当出现在参数2位置时,slice和substring的处理同参数1:前者从末尾开始计算,后者转换成0,而substr则视负数长度为0返回空串;
3. 对于参数1大于参数2的情况,substring最大的不同在于它会交换两个参数再截取子串,substr因第二参数表示的是长度因此并无异常,slice曽依然正常搜寻子串始末位置,若开始位置在结尾后边则返回空串。

1.3 String.prototype.match()

string.match方法匹配一个字符串和一个正则表达式。它依据g标识来判断怎样匹配,如果没有g标识,则string.match(regexp)和调用regexp.exec(string)结果相同。如果有g标识,它返回一个包含了除捕获分组之外的所有匹配的数组。注意,捕获组不包含的。

var text='<html><body bgcolor=linen><p>This is <b>bold<\/b>!<\/p><\/body><\/html>';
var tags=/[^<>]+|<(\/?)([A-Za-z]+)([^<>]*)>/g;
var a=text.match(tags); a=["<html>", "<body bgcolor=linen>", "<p>", "This is ", "<b>", "bold", "</b>", "!", "</p>", "</body>", "</html>"]

string.match和RegExp.exec区别

var someText="web2.0 .net2.0";
var pattern=/(\w+)(\d)\.(\d)/g;
var outCome_exec=pattern.exec(someText);
var outCome_matc=someText.match(pattern);
//outCome_exec:["web2.0", "web", "2", "0"]
//outCome_matc:["web2.0", "net2.0"] var someText="web2.0 .net2.0";
var pattern=/(\w+)(\d)\.(\d)/; //不带g
var outCome_exec=pattern.exec(someText);
var outCome_matc=someText.match(pattern);
//outCome_exec :["web2.0", "web", "2", "0"]
//outCome_matc: ["web2.0", "web", "2", "0"]

1)exec是RegExp对象方法,match是String对象方法;

2)如果没有找到结果,则二者都返回null;

3)只有在正则表达式必须指定全局g属性时,match才能返回所有匹配,否则match与exec方法结果无差异,是等价的;

4)exec永远返回与第一个匹配相关的信息,其返回数组第一个值是第一个匹配的字串,剩下的是所有分组的反向引用(即子括号的匹配内容);

5)exec在设置g属性后,虽然匹配结果不受g的影响,返回结果仍然是一个数组(第一个值是第一个匹配到的字符串,以后的为分组匹配内容),但是会改变index和lastIndex等的值,将该对象的匹配的开始位置设置到紧接这匹配子串的字符位置,当第二次调用exec时,将从lastIndex所指示的字符位置开始检索。同样match方法在设置了g属性后,也会改变index和lastIndex的值,但是是一次性的。无法像exec那样能逐过程累积(即将结果放入Matches 集合中去了),因此无法累积获取下一次检索的位置。

1.4 String.prototype.replace

replace(searchValue,replaceValue)方法对string进行查找和替换的操作,并返回一个新的字符串。

当searchValue是字符串时,searchValue仅在第一次出现的位置被替换

var result="mother_in_law".replace('_','-');
result="mother-in_law";

当searchValue是一个正则表达式并且带有g标识,它将替换所有匹配;如果没有g标识,仅将替换第一个匹配

var oldareacode=/\((\d{3})\)/g;
var p='(555)666-(121)2'.replace(oldareacode,'$1-'); p = "555-666-121-2";

当replaceValue是一个函数时,此方法对每一个匹配调用它,将该函数返回的字符串用作替换文本。

var p="1a1c".replace(/\d/g,function(){
return 'X';
});
p="XaXc";

如果replaceValue函数需要更复杂的处理逻辑,可以为该函数传入参数,第一个参数是整个被匹配的文本,第二个参数是分组1捕获的文本,第二个参数是分组2捕获的文本,以此类推

//将一个句子的所有单词首字母大写
var result="hello world".replace(/(\w)\w*\b/g,function(a,b){
return b.toUpperCase()+a.slice(1);
}); result="Hello World"

书中一个简易的html转义方法

String.prototype.entityify=function(){
var character={
'<':'&lt;',
'>':'&gt;',
'&':'&amp;',
'"':'&quot;'
};
return function(){
return this.replace(/[<>&"]/g,function(c){
return character[c];
});
};
}();
alert("<&>".entityify());//&lt;&amp;&gt;

1.5 String.prototype.split()

string.split(separator,limit)方法把string分割成片断来创建一个字符串数组。

可选参数limit可以限制被分割的片断数量。separator参数可以是一个字符串或一个正则表达式

如果separator是一个空字符串,将返回一个单字符的数组:

var digits='0123456789';
var a=digits.split('',5);
a=["0", "1", "2", "3", "4"]

如果separator非空,split会查找所有separator出现的地方

var c = 'a|b|c|'.split('|');
c=['a','b','c',''];

如果split参数为正则表达式

var text='last, first     ,middle';
var res=text.split(/\s*,\s*/); res=["last", "first", "middle"]

如果split参数为正则表达式,来自捕获组的文本将被包含在分割后的数组中

var text='last, first     ,middle';
var res=text.split(/\s*(,)\s*/); res=["last",",","first",",","middle"]

1.6 String.prototype.search()

search方法和indexOf方法类似,只是它接受一个正则表达式作为参数而不是一个字符串

如果找到匹配,它返回第一个匹配的首字符位置,如果没有找到匹配,返回-1

Javascript语言精粹之String常用方法分析的更多相关文章

  1. Javascript语言精粹之Array常用方法分析

    Javascript语言精粹之Array常用方法分析 1.Array常用方法分析 1.1 Array.prototype.sort() Javascript的默认比较函数假定被排序元素都是字符串,所以 ...

  2. 《JavaScript语言精粹》小记

    一.前言 以下内容均摘自<JavaScript语言精粹>一书,本人在读这本书时,发现作者诠释JavaScript很犀利,特别是数组部分,固记录下来,想和大家分享下. 随笔主要包含两大部分: ...

  3. javascript语言精粹

    内容选自:<javascript语言精粹> 1.6种值会为假(==false),分别是false,null,undefined,' ',0,NaN 2.typeof有6种值,分别是'num ...

  4. Javascript 语言精粹 代码片段合集

    Javascript 语言精粹 代码片段合集 标签:Douglas-Crockford Javascript 最佳实践 原文链接 更好的阅读体验 使用一个method 方法定义新方法 Function ...

  5. Javascript语言精粹之正则表达式知识整理

    Javascript语言精粹之正则表达式知识整理 1.正则表达式思维导图 2.正则表达式常用示例 2.1 移除所有标签,只留下innerText var html = "<p>& ...

  6. 《JavaScript语言精粹》【PDF】下载

    <JavaScript语言精粹>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230382204 内容简介 javascript曾是&q ...

  7. JavaScript语言精粹 笔记06 方法

    JS包含了少量可用在标准类型上的标准方法. ArrayFunctionNumberObjectRegExpString Array array.concat(item...) concat方法返回一个 ...

  8. JavaScript语言精粹 笔记05 正则表达式

    正则表达式 正则表达式以方法的形式被用于对字符串中的信息进行查找.替换画图提取操作.可处理正则表达式的方法有:regexp.exec, regexp.test,string.match, string ...

  9. JavaScript语言精粹 笔记04 数组

    数组1 数组字面量2 长度3 删除4 列举5 混淆的地方6 方法7 维度 数组1 数组字面量 var empty = []; var numbers = [ 'zero', 'one', 'two', ...

随机推荐

  1. 《转》OpenStack Live Migration

    This post is based assumption that KVM as hypervisor, and Openstack is running in Grizzly on top of ...

  2. mysql dump 参数

    mysql dump 参数: -R, --routines Dump stored routines (functions and procedures). 备份 函数和存储过程: -E, --eve ...

  3. c/c++数组名和指针区别深入探索

    指针是C/C++语言的特色,而数组名与指针有太多的相似,甚至很多时候,数组名可以作为指针使用.于是乎,很多程序设计者就被搞糊涂了.而许多的大学老师,他们在C语言的教学过程中也错误得给学生讲解:&quo ...

  4. QT 多线程程序设计(也有不少例子)

    QT通过三种形式提供了对线程的支持.它们分别是,一.平台无关的线程类,二.线程安全的事件投递,三.跨线程的信号-槽连接.这使得开发轻巧的多线程Qt程序更为容易,并能充分利用多处理器机器的优势.多线程编 ...

  5. 如何理解java回电话

    同android中间Button的setOnClickListener这个回调案例: Button button = (Button)this.findViewById(R.id.button); b ...

  6. 一个Java对象到底占多大内存?(转)

    最近在读<深入理解Java虚拟机>,对Java对象的内存布局有了进一步的认识,于是脑子里自然而然就有一个很普通的问题,就是一个Java对象到底占用多大内存? 在网上搜到了一篇博客讲的非常好 ...

  7. MySQL错误:You are using safe update mode and you tried to update a table without a WHERE that uses a K

    转载自:http://blog.csdn.net/dragonpeng2008/article/details/7279590 Error: 1175 SQLSTATE: HY000 (ER_UPDA ...

  8. 【剑指offer】q34:丑数

    题目要求第n个丑数.所以对于中间结果不须要保存. def Humble(index): curHum = 1 M2 = 2; M3 = 3; M5 = 5 while index > 1: cu ...

  9. hdu2563(递推dp)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2563 解题思路:要分两种情况来考虑,a(n)为向上,b(n)为向左跟向右,f(n)为当前方案数.a(n ...

  10. DOM的event对象的属性和方法

    属性/方法 类型 是否可读写 描写叙述 altKey Boolean 读写 指示是否按下alt键 bubbles Boolean 读 指示事件是否冒泡 button Intrger 读写 鼠标事件发生 ...