前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript基础05--JS字符串

JavaScript基础05--JS字符串

原创
作者头像
软件架构师Michael
发布2022-07-27 13:07:41
2870
发布2022-07-27 13:07:41
举报
文章被收录于专栏:软件工程师Michael

String字符串型

字符串(或文本字符串)是一串字符(比如 "Bill Gates")。

字符串被引号包围。您可使用单引号或双引号:

代码语言:javascript
复制
String字符串型
字符串(或文本字符串)是一串字符(比如 "Bill Gates")。
字符串被引号包围。您可使用单引号或双引号:

通常,JavaScript 字符串是原始值,通过字面方式创建

但是字符串也可通过关键词 new 定义为对象:

代码语言:javascript
复制
var x = 'Bill'
       var y = new String("Bill")
       console.log(x==y)
       console.log(x===y)
       console.log(x.length)

当使用 === 运算符时,相等字符串是不相等的,因为 === 运算符需要类型和值同时相等。

代码语言:javascript
复制
var x = "Bill";
var y = new String("Bill");
// (x === y) 为 false,因为 x 和 y 的类型不同(字符串与对象)

查找字符串

indexOf() 方法返回字符串中指定文本首次出现的索引(位置)

JavaScript 从零计算位置。

0 是字符串中的第一个位置,1 是第二个,2 是第三个 ...

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引

如果未找到文本, indexOf() 和 lastIndexOf() 均返回 -1

代码语言:javascript
复制
var str = "这是String字符串的讲解";
var pos = str.indexOf("String");
var pos2 = str.lastIndexOf("String");

search() 方法搜索特定值的字符串,并返回匹配的位置:

代码语言:javascript
复制
var str = "这是String字符串的讲解";
var pos = str.search("String");

提取字符串

有三种提取部分字符串的方法:

slice(start , end )

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)。

代码语言:javascript
复制
var str = "Apple, Banana, Mango";
var res = str.slice(7,13);
//如果某个参数为负,则从字符串的结尾开始计数
var res2 = str.slice(-13,-7);
//如果省略第二个参数,则该方法将裁剪字符串的剩余部分
var res3 = str.slice(7);
//从结尾计数
var res = str.slice(-13);

替换字符串

replace() 方法用另一个值替换在字符串中指定的值

replace() 方法不会改变调用它的字符串。它返回的是新字符串。

代码语言:javascript
复制
var str = "这是String字符串的讲解";
//默认replace() 只替换首个匹配:
var n = str.replace("String字符串", "前端");
//如需执行大小写不敏感的替换,请使用正则表达式 /i(大小写不敏感):
var n = str.replace(/string字符串/i, "前端");
//如需替换所有匹配,请使用正则表达式的 g 标志(用于全局搜索)
var n = str.replace(/string字符串/g, "前端");

字符串转数组

可以通过 split() 将字符串转换为数组:

代码语言:javascript
复制
var txt = "a,b,c,d,e"; // 字符串
txt.split(","); // 用逗号分隔
txt.split(" "); // 用空格分隔
txt.split("|"); // 用竖线分隔
txt.split("");

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档