字符串

JavaScript中的字符串免费看

什么是字符串、通过索引访问字符串、获取字符串的长度、转义字符、字符串的方法

2020-05-31侠课岛    基础入门       

前端/前端必修/JavaScript 基础知识梳理 7     0     625

我们知道字符串(String)类型是 JavaScript 中的基本数据类型之一,也是最常用的数据类型啦。下面我们来学习一下关于字符串的属性方法以及其的使用等。

什么是字符串

JavaScript 字符串其实很好理解,就是被包围在单引号或双引号中的任意字符。字符串可以用于存储和处理文本。

示例:

例如像下面这样声明的变量都是字符串类型:

var str1 = "123";

var str2 = '12356';

var str3 = "你好,侠课岛";

var str4 = 'hello summer';

var str5 = 'good_boy';

一般情况下字符串就是一个或多个字符组成,除此之外,我们还可以使用 new 关键字将字符串定义为一个对象:

var name = new String("summer");

console.log(name);  // 输出:summer

不过一般情况下我们最好不要创建 String 对象,因为这可能会导致执行速度变慢。

通过索引访问字符串

在 JavaScript 语言中我们可以通过索引来访问字符串中的每个字符,字符串的索引也是从 0 开始,第一个字符索引值为 [0],第二个字符索引值为[1],以此类推。

示例:

例如下述代码中,我们定义了一个字符串类型的变量 username,然后输出变量中索引值为1的字符:

var username = "summer";

console.log(username[1]);  // 输出: u

因为索引是从 0 开始计数,那么索引为1,那应该就是字符串中的第二个字符串,也就是 u

获取字符串的长度

我们先来看下面这个字符串:

var hobby = "basketball";

你能知道这个字符串的长度为多少吗,其实你数一下就能知道,这个字符串的长度就是10。因为这个字符串有10个字符,所以它的长度为10。

这里要注意的是,字符串里面包含的空格也是会计入长度的,有1个空格长度加1,2个空格长度加2。

在 JavaScript 语言中,我们可以使用 length 属性来获取字符串长度,length 属性用于返回字符串的长度(字符数)。

示例:

例如获取下面这个变量 hobby 的长度并输出:

var hobby = "basketball";

console.log(hobby.length);  // 输出:10

实际使用时,可能会遇到带有空格的字符串,那么空格会计入字符的长度吗,我们来看看:

var str1 = "hello xkd";
console.log(str1.length);  // 输出:9

通过输出结果我们可以知道,空格也会计入字符串的长度的。

从字符串的长度和索引的关系,我们可以得出一个结论,索引是从0开始,到length-1 结束的。

转义字符

有些时候,字符串可能无法被解析,例如下面这个字符串:

var str1 = "嘿,你好呀~,"侠课岛"";
console.log(str1);  // Uncaught SyntaxError: Unexpected identifier

那这个时候要怎么办呢,我们可以使用反斜杆 \ 来转义字符串中的双引号。

示例:
var str1 = "嘿,你好呀~,\"侠课岛\"";

console.log(str1);   //输出:嘿,你好呀~,"侠课岛"

转义字符\可以用于转义撇号,换行,引号,等其他特殊字符。下面是一些可以用于转义字符转义的特殊字符:

  • \':单引号。
  • \":双引号。
  • \\:反斜杠。
  • \n:换行符。
  • \r:回车符。
  • \t:制表符(tab)。
  • \b:退格符。
  • \f:换页符。

字符串的方法

字符串的方法有很多,下面我们简单来看一些比较常用到的几个方法:

  • toLowerCase():此方法用于把字符串转为小写,并返回新的字符串。
var str1 = "Hello XKD";
console.log(str1.toLocaleLowerCase());  

//输出: hello xkd
  • toUpperCase():此方法用于把字符串转为大写,并返回新的字符串。
var str1 = "Hello XKD";
console.log(str1.toUpperCase());  

//输出: HELLO XKD
  • toString():用于返回一个表示 String 对象的值。
var str1 = "Hello";
console.log(str1.toString());  

//输出: Hello
  • concat(): 用于连接两个或多个字符串。
var str1 = "Hello";
var str2 = "xkd";
console.log(str1.concat(str2));  

//输出: Helloxkd
  • indexOf():返回某个指定的子字符串在字符串中第一次出现的位置。
var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.indexOf('xkd'));  

//输出: 6
  • lastIndexOf():返回某个指定的子字符串在字符串中最后出现的位置。
var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.lastIndexOf('o'));   

//输出: 31
  • slice(): 返回字符串中提取的子字符串。
var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.slice(6, 8)); 

//输出: xk
  • split():把字符串分割成字符串数组。
var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.split(" "));  

//输出: ["Hello", "xkd,", "Congratulations", "on", "login!"]
  • substring():提取字符串中介于两个指定下标之间的字符。
var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.substring(11, 17));  

//输出: Congra
  • replace():在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.replace("xkd", "summer"));  

//输出: Hello summer, Congratulations on login!
  • match():返回所有查找的关键字内容的数组。
var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.match(/on/g));  

//输出: ["on", "on", "on"]

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

7

本课评分:
  •     非常好
难易程度:
  •     适中的

内容目录


本文索引


|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?