跳转到主要内容
模块 2 · 第 2 课(共 4)课程中的6/32~10 min
模块课程(2/4)

字符串方法

JS 中的字符串有数十种方法,但在实践中您将使用其中的十种 他们。它们都是不修改原始字符串的函数 (字符串是不可变的)但返回一个新值。

长度、大小写、搜索

JS
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'

'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false

'JavaScript'.indexOf('a'); // 1    (first occurrence, from 0)
'JavaScript'.indexOf('zzz'); // -1   (not found)

length 是一个属性(无括号),其他的是方法 — 使用 (…) 调用的函数。

使用 slice 提取部分

slice(start, end) 返回给定位置之间的子字符串 (end 除外)。负索引从末尾开始计数。

JS
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh'   (omitting end = to the end)
'abcdefgh'.slice(-2); // 'gh'      (last two)

分裂与重新结合

split(separator) 将字符串划分为多个片段的数组。相反的是 数组上的 join(...):

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

更换

replace 更改第一个出现,replaceAll 更改所有这些:

JS
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'

修剪:删除边缘的空白

trim() 删除开头和结尾处的空格(以及换行符、制表符)。 当您接收来自表单的输入时,这是必不可少的。

JS
'   ciao  '.trim(); // 'ciao'

尝试一下

锻炼#js.m2.l2.e1
尝试:0加载中...

给定一封电子邮件“Mario.Rossi@Example.com”,将其标准化:去掉周围的空格并将其小写。最后一个表达式的计算结果必须为“mario.rossi@example.com”。

正在加载编辑器...
显示提示

您可以链接这些方法:首先是trim(),然后是toLowerCase()。

3 次尝试后可用的解决方案

复习练习

锻炼#js.m2.l2.e2
尝试:0加载中...

给定字符串“rosso,verde,blu,giallo”,返回颜色数量(即 4)作为最后一个表达式。

正在加载编辑器...
显示提示

split(',') 给你一个数组; .length 给出元素的数量。

3 次尝试后可用的解决方案