前端入门系列(二):javascript字符串对象方法

字符方法

chatAt()和chatCodeAt

charAt()和charCodeAt()
这两个方法接收一个参数,即基于0的字符位置。
chatAt()以单字符字符串的形式返回给定位置的那个字符。
chatCodeAt()返回给定位置的那个字符的字符编码。

var stringValue="hellow";
stringValue.chatAt(1);      //"e"
stringValue.chatCodeAt(1);  //"101"

字符串操作方法

concat()

concat()用于将一个或多个字符串拼接起来,返回拼接得到的新创建的字符串。
但实践中大多数情况还是使用(+)加号操作符,比concat()简单易行。

slice()、substring()、substr()

三个基于子字符串创建新字符串的方法,创建并返回被操作字符串的子字符串。注意方法名称都是小写
共同点:
参数1:必选,指定子字符串开始位置。
参数2:可选,不指定时将字符串的长度作为结束位置。
差异:
1、当指定参数2时

方法 参数2含义
slice()、substring() 指定子字符串最后一个字符的位置
substr 返回或截取的字符个数
var stringValue="hello world";
stringValue.length;         //11
stringValue.slice(3);       //"lo world"
stringValue.substring(3);   //"lo world"
stringValue.substr(3);      //"lo world"
stringValue.slice(3,7);     //"lo wo"
stringValue.substring(3,7); //"lo wo"
stringValue.substr(3,7);    //"lo worl"

2、当传递这些方法的参数是负数时

方法 行为
slice() 所有传入的负值与字符串的长度相加
substring() 所有的负值参数都转化为0
substr() 将负的第一个参数加上字符串的长度,将负的第二个参数转换为0
var stringValue="hello world";
stringValue.length;             //11
stringValue.slice(-3);          //"rld"
stringValue.substring(-3);      //"hello world"
stringValue.substr(-3);         //"rld"
stringValue.slice(3,-4);        //"lo wo"
stringValue.substring(3,-4);    //"hel"
stringValue.substr(3,-4);       //""

字符串位置方法

indexOf()和lastIndexOf

从字符串中查找子字符串的位置,如果找到返回子字符串的位置;找不到返回-1
参数1:指定检索的子字符串
参数2:可选,指定开始检索的位置
indexOf()从开头向末尾搜索
lastIndexOf()从末尾向开头搜索

stringValue="hello world";
stringValue.indexOf('o',6);           //7
stringValue.lastIndexOf('o',6);       //4,此时从指定位置向前检索

trim()方法

创建一个字符串的副本,删除前置及后缀的所有空格,然后返回结果。
注意:字符串中的空格不管

stringValue=" hellow world  ";
stringValue.trim();         //"hellow world"
stringValue;                //" hellow world  ";

字符串大小写转换方法

toLowerCase()和toUpperCase()

字符串模式匹配方法

match()

在字符串调用这个方法,本质上与调用RegExp对象的exec()方法相同。
参数:match()接收一个参数,要么是正则表达式,要么是正则对象。
返回值:matches返回一个数组,数组的第一项是与整个模式匹配的字符串,之后的每一项(如果有)保存着与正则表达式中捕获组匹配的字符串。

var text="cat,bat,hat";
var pattern=/.at/;
var matches=text.match(pattern);
matches.index              //0
matches[0]                 //"cat"
pattern.lastIndex          //0

search()

参数:search()接收一个参数,要么是正则表达式,要么是正则对象。
返回值:返回字符串中第一个匹配项的索引,如果没有找到匹配项,则返回-1.
注意:search()方法始终从字符串开头向后查找模式
例子:

var text="cat,bat,hat";
var pos=text.search(/cat/);    //0

replace()

诞生原因:为了简化替换子字符串的操作,ECMAScript提供了replace()方法
参数:第一个参数正则对象或者字符串,第二个参数是一个字符串或者函数。
返回值:生成的替换后的字符串
注意

text="cat,bat,hat";
result=text.replace("at","ond")     //"cond,bat,hat"
result=text.replace(/at/g,"ond")    //"cond,cont,hont"

更精细的替换操作,使用函数作为replace()的第二个参数
在只有一个匹配项的情况下,会向这个函数传递3个参数:模式的匹配项、模式的匹配项在字符串中的位置、原始字符串。
在正则表达式中定义了多个捕获组的情况下,这个函数的参数依次是:模式的匹配项、第一个捕获组的匹配项、第二个捕获组的匹配项...,最后两个参数是模式的匹配项在字符串中的位置、原始字符串。
这个函数应该返回一个字符串,表示准备替换的预备项。
例子:

function htmlEscape(text){
    return text.replace(/[<>"&]/g,function(match,pos,originText){
        switch(case){
            case "<":
                return &lt;
            case ">":
                return &gt;
            case "\"":
                return &quot;
            case "&":
                return &amp;
        }
    })
}
htmlEscape("<p class=\"desc\">hellow</p>")  
//输出 &lt;p class=&quot;desc;&quot;&gt;hellow&lt;/p&gt;

split()

基于指定的分割符将字符串分割成多个子字符串,并将结果存放在一个数组中。
参数:第一个参数是字符串或者正则表达式,匹配的项将作为分隔符
第二个参数可选,用于指定数组的大小

color="red,blue,pink";
colors1=color.split(",");   //["red","blue","pink"]
colors2=color.split(",",2); //["red","blue"]
colors3=color.split(/[^,]+/);   
//["",",",",",""]   由于/^,/匹配的是除逗号以外的一个或多个字符,而"red"和"pink"刚好在开头和结尾,因此数组第一个元素和最后一个为空字符
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,204评论 0 4
  • 本章内容 使用对象 创建并操作数组 理解基本的 JavaScript 类型 使用基本类型和基本包装类型 引用类型的...
    闷油瓶小张阅读 674评论 0 0
  • 一、字符串在C#中,字符串是一系列不可修改的Unicode字符,创建字符串后,就不能修改它。要创建字符串,最常用的...
    CarlDonitz阅读 1,264评论 0 2
  • str.length 返回一个字符串的长度 返回一个字符串的长度 str.charAt(index) 返回字符串中...
    angelwgh阅读 530评论 0 0
  • 每个人都只能陪你走一段路,迟早是要分开的。 —...
    画楼西畔9039阅读 1,503评论 6 18