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

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

时间: 2024-10-10 09:34:01

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

JavaScript语言精粹 笔记01

内容比较简单,只是从头梳理一下JS的知识 语法空白标识符数字字符串语句 对象对象字面量检索更新引用原型反射枚举删除减少全局变量污染  语法 1 空白 空白可能表现为格式化字符或注释的形式.空白通常没有意义,但是偶尔必须用它来分割字符序列,否则它们就会被合并成一个单一的符号.例如: var that = this; var 和that之间的空格是不能去掉的,其他的空格都可以被移除. JS提供两种注释: /* */ // 建议使用//,因为/* */中要注释的内容可能包括字符 */ 而报错,例如:

javascript语言精粹----笔记【转载】

javascript语言精粹----笔记 1.6种值会为假(==false),分别是false,null,undefined,' ',0,NaN 2.typeof有6种值,分别是'number','string','boolean','undefined','function','object';其中typeof(null),结果是'object' 3.number类型总是64位浮点数,两个整数相除也可能出现非整数结果 4.如果第一个运算数的值为假,那么运算符&&产生它的第一个运算数的值.

JavaScript语言精粹 笔记03

继承伪类对象说明符原型函数化部件 继承 JS不是基于类的,而是基于原型的,这意味着对象直接从其他对象继承. 1 伪类 JS提供了一套丰富的代码重用模式,它可以模拟那些基于类的模式,因为JS实际上没有类,所以把模拟的类称为伪类.我们可以定义一个构造器并扩充它的原型: var Mammal = function (name) { this.name = name; }; Mammal.prototype.get_name = function ( ) { return this.name; }; M

JavaScript语言精粹 笔记02

函数函数对象函数字面量调用参数返回异常给类型增加方法递归作用域闭包回调模块级联套用记忆   函数 1 函数对象 在JS中函数就是对象.对象是“名/值”对的集合并拥有一个连接到原型对象的隐藏连接.对象字面量产生的对象连接到Object.prototype.函数对象连接到Function.prototype(该原型本身连接到Object.prototype).每个函数在创建时附有两个附加的隐藏属性:函数上下文和实现函数行为的代码. 因为函数是对象,所以它可以像任何其他的值一样被使用.函数可以存放在变

JavaScript语言精粹 笔记06 方法

JS包含了少量可用在标准类型上的标准方法. ArrayFunctionNumberObjectRegExpString Array array.concat(item...) concat方法返回一个新数组,它包含array的浅复制并将1个或多个参数item附加在其后.如果参数item是一个数组,那么他的每个元素会被本别添加. var a = ['a', 'b', 'c']; var b = ['x', 'y', 'z']; var c = a.concat(b, true); // c 是 [

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

正则表达式 正则表达式以方法的形式被用于对字符串中的信息进行查找.替换画图提取操作.可处理正则表达式的方法有:regexp.exec, regexp.test,string.match, string.replace, string.search, 和string.split. 结构 有两个方法来创建一个RegExp对象.优先方法是使用正则表达式字面量.正则表达式被包围在一对斜杠中.有3个标志能在RegExp中设置,分别为g.i.m. // 构造一个匹配JavaScript字符串的正则表达式对象

JavaScript语言精粹 笔记04 数组

数组1 数组字面量2 长度3 删除4 列举5 混淆的地方6 方法7 维度 数组1 数组字面量 var empty = []; var numbers = [ 'zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine' ]; empty[1] // undefined numbers[1] // 'one' empty.length // 0 numbers.length // 10 数组字面量可以出

Javascript语言精粹-毒瘤和糟粕

Javascript语言精粹-毒瘤和糟粕 博客分类: Web前端-JS语言核心 javascript 作者:zccst Javascript是一门语言,用久了肯定能够发现其中的好与不好的地方.不过大多数普通人没那么细心,所以也就忽略了,很难说出一二三来.但对于极客版的牛人就不同了,他们理解的远比普通人透彻. 二.糟粕(轻微) 一.毒瘤(严重) 1,全局变量 var foo = value; window.foo = value; foo = value; 隐患是很多时候是忘加var了 2,作用域

《JavaScript语言精粹》读书笔记——给类型增加方法一节的疑问

最近,在学习<JavaScript语言精粹>这本书,发现译者虽然有很好地翻译文章,却没有对文中有疑问的地方进行改正或加以注释.我接触JavaScript只有一年左右,可能无法很好的理解这门语言,而今天,读到第四章中4.7节——给类型增加方法时遇到了疑问之处: 文中给出了对类型增加方法的示例: Function.prototype.method = function (name, func) { this.prototype[name] = func; return this; }; 这里的示例