js基础篇(二)——字符串的各种操作

js基础篇(一)——数组的各种操作
js基础篇(三)——DOM的各种操作

1. 创建字符串

一个字符串用于存储一系列字符就像"John Doe"
一个字符串可以使用单引号或双引号:

  • 实例
var txt = new String("string");
//或者更简单方式:
var txt = "string";

2. 访问字符串

你使用位置(索引)可以访问字符串中任何的字符:

  • 实例
var character=carname[7];

字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 等等。

3. 字符串的属性和方法

3.1 属性

属性 描述
constructor 对创建该对象的函数的引用
length 字符串的长度
prototype 允许您向对象添加属性和方法

3.2 方法

下面的表格是总结,每个方法的示例在下面。

方法 描述
charAt() 返回在指定位置的字符。
charCodeAt() 返回在指定的位置的字符的 Unicode 编码。
concat() 连接两个或更多字符串,并返回新的字符串。
fromCharCode() 将 Unicode 编码转为字符。
indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。
lastIndexOf() 从后向前搜索字符串,并从起始位置(0)开始计算返回字符串最后出现的位置。
match() 查找找到一个或多个正则表达式的匹配。
replace() 在字符串中查找匹配的子串, 并替换与正则表达式匹配的子串。
search() 查找与正则表达式相匹配的值。
slice() 提取字符串的片断,并在新的字符串中返回被提取的部分。
split() 把字符串分割为字符串数组。
substr() 从起始索引号提取字符串中指定数目的字符。
substring() 提取字符串中两个指定的索引号之间的字符。
toLowerCase() 把字符串转换为小写。
toUpperCase() 把字符串转换为大写。
trim() 去除字符串两边的空白
valueOf() 返回某个字符串对象的原始值。
  1. charAt()方法
  • 定义和用法
    charAt() 方法可返回指定位置的字符。
    第一个字符位置为 0, 第二个字符位置为 1,以此类推.
  • 实例
返回字符串中的第三个字符:
var str = "HELLO WORLD";
var n = str.charAt(2)
n输出结果:
L
  1. charCodeAt()方法
  • 定义和用法
    charCodeAt()方法可返回指定位置的字符的 Unicode 编码。
    字符串中第一个字符的位置为 0, 第二个字符位置为 1,以此类推。
  • 实例
返回字符串第一个字符的 Unicode 编码:
var str = "HELLO WORLD";
var n = str.charCodeAt(0);
n 输出结果:
72
  1. concat()方法
  • 定义和用法
    concat() 方法用于连接两个或多个字符串。
    该方法没有改变原有字符串,但是会返回连接两个或多个字符串新字符串。
  • 实例
连接两个字符串:
var str1 = "Hello ";
var str2 = "world!";
var n = str1.concat(str2);
n 输出结果:
Hello world!
  1. fromCharCode()方法
  • 定义和用法
    fromCharCode()可接受一个指定的 Unicode 值,然后返回一个字符串。
    注意:该方法是 String 的静态方法,字符串中的每个字符都由单独的 Unicode 数字编码指定。
  • 实例
将 Unicode 编码转为一个字符:
var n = String.fromCharCode(65);
n 输出结果:
A
  1. indexOf()方法
  • 定义和用法
    indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。
    如果没有找到匹配的字符串则返回 -1。
    注意: indexOf()方法区分大小写。
    提示: 同样你可以查看类似方法lastIndexOf()
  • 实例
查找字符串 "welcome":
var str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");
n 输出结果:
13
  1. lastIndexOf()方法
  • 定义和用法
    lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置。
    如果没有找到匹配字符串则返回 -1 。
    注意:lastIndexOf()方法是区分大小写的!
    提示: 你也可以参照类似方法indexOf()
  • 实例
查找字符串 "runoob" 最后出现的位置:
var str="I am from runoob,welcome to runoob site.";
var n=str.lastIndexOf("runoob");
n 输出结果:
28
  1. match()方法
  • 定义和用法
    match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
    如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。
  • 实例
在字符串中查找 "ain":
var str="The rain in SPAIN stays mainly in the plain"; 
var n=str.match(/ain/g);
n 输出数组结果值:
ain,ain,ain
  1. replace()方法
  • 定义和用法
    replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
    该方法不会改变原始字符串。
  • 实例
在本例中,我们将执行一次全局替换,每当 "Microsoft" 被找到,它就被替换为 "Runoob":
var str="Visit Microsoft!";
var n=str.replace("Microsoft","Runoob");
n 输出结果:
Visit Runoob!
  1. search()方法
  • 定义和用法
    search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
    如果没有找到任何匹配的子串,则返回 -1。
  • 实例
查找 "W3CSchool":
var str="Visit W3CSchool!";
var n=str.search("W3CSchool");
n 输出结果:
6

search()方法和indexof()一样返回目标自字符串索引值。
首先要明确search()的参数必须是正则表达式,而indexOf()的参数只是普通字符串。indexOf()是比search()更加底层的方法。很多时候用indexOf()不是为了真的想知道子字符串的位置,而是想知道长字符串中没有包含这个子字符串。

  1. slice()方法
  • 定义和用法
    slice(start, end) 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
    使用start(包含) 和 end(不包含) 参数来指定字符串提取的部分。
    字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推。
    提示: 如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。
  • 实例
提取字符串的片断:
var str="Hello world!";
var n=str.slice(1,5);
n 输出结果:
ello
  1. split()方法
  • 定义和用法
    split() 方法用于把一个字符串分割成字符串数组。
    提示: 如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。
    注意: split()方法不改变原始字符串。
  • 实例
把一个字符串分割成字符串数组:
var str="How are you doing today?";
var n=str.split(" ");
n 输出一个数组的值:
How,are,you,doing,today?
a="a|b|c";
console.log(a.split("|"));//["a", "b", "c"]
a="a,b,c";
console.log(a.split(","));//["a", "b", "c"]
  1. substr()方法
  • 定义和用法
    substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。
    提示: substr() 的参数指定的是子串的开始位置和长度,因此它可以替代 substring()slice()来使用。
    注意: substr() 方法不会改变源字符串。
  • 实例
抽取指定数目的字符:
var str="Hello world!";
var n=str.substr(2,3)
n 输出结果:
llo
  1. substring()方法
    substring() 方法用于提取字符串中介于两个指定下标之间的字符。
    substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。
    substringslice的区别则是,slice可以接受“负数”,表示从字符串尾部开始计数; 而substring则把负数或其它无效的数,当作0。
  • 实例
在本例中,我们将使用 substring() 从字符串中提取一些字符::
var str="Hello world!";
document.write(str.substring(3)+"<br>");
document.write(str.substring(3,7));
以上代码输出结果:
lo world!
lo w
  1. toLowerCase()方法
  • 定义和用法
    `toLowerCase() 方法用于把字符串转换为小写。
  • 实例
把字符串转换为小写:
var str="Hello World!";
document.write(str.toLowerCase());
  1. toUpperCase()方法
  • 定义和用法
    `toUpperCase() 方法用于把字符串转换为大写。
  • 实例
把字符串转换为大写:
var str="Hello world!";
document.write(str.toUpperCase());
  1. trim()方法
  • 定义和用法
    trim() 方法去除字符串两边的空白。
  • 实例
  1. valueOf()方法
  • 定义和用法
    valueOf() 方法可返回 String 对象的原始值。
    注意: valueOf() 方法通常由 JavaScript 在后台自动进行调用,而不是显式地处于代码中。
  • 实例
返回 String 对象的原始值:
var str="Hello world!";
document.write(str.valueOf());
以上输出结果:
Hello world!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,458评论 4 363
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,454评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,171评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,062评论 0 207
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,440评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,661评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,906评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,609评论 0 200
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,379评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,600评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,085评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,409评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,072评论 3 237
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,088评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,860评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,704评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,608评论 2 270

推荐阅读更多精彩内容

  • Javascript有很多字符串的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,...
    顽皮的雪狐七七阅读 2,086评论 0 2
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,152评论 0 4
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 4,746评论 0 7
  • 我去过很多地方,但我只遇到过很少的我们 有人问我是否喜欢廉江 我说“喜欢啊!” 其实我只是喜欢你 如果那一刻我说我...
    龙猪z阅读 429评论 0 2
  • 时光荏苒,2009年至今,看似漫长,却仿佛又在眼前。还记得我们最初的样子吗? 记得国考即将面试的时候,冬天,很冷。...
    泡泡糖豆阅读 666评论 0 0