JS中【字符串】常用知识点总结
发布时间
阅读量:
阅读量
JavaScript 中的字符串操作是前端开发中常见的一项重要任务;包括以下一些常用的字符串操作知识点
1. 创建字符串
- 使用引号 :可以用单引号 (
'')、双引号 ("") 或反引号(````)创建字符串。
let str1 = 'Hello';
let str2 = "World";
let str3 = `Hello, ${str2}`; // 使用模板字符串
javascript
2. 字符串长度
.length属性:用于获取字符串的长度。
let str = 'JavaScript';
console.log(str.length); // 输出: 10
javascript
3. 字符串连接
+ 运算符:用于连接两个或多个字符串。
let str1 = 'Hello, ';
let str2 = 'World!';
let result = str1 + str2;
console.log(result); // 输出: 'Hello, World!'
javascript
模板字符串 :通过 ${} 在字符串中嵌入变量或表达式。
let name = 'John';
let greeting = `Hello, ${name}!`;
console.log(greeting); // 输出: 'Hello, John!'
javascript
4. 字符串查找
.indexOf() :返回子字符串首次出现的位置,未找到则返回 -1。
let str = 'Hello, World!';
console.log(str.indexOf('World')); // 输出: 7
console.log(str.indexOf('world')); // 输出: -1 (大小写敏感)
javascript
.includes() :判断字符串是否包含指定子字符串,返回布尔值。
let str = 'Hello, World!';
console.log(str.includes('World')); // 输出: true
console.log(str.includes('world')); // 输出: false
javascript
startsWith() 和 endsWith() 分别用于判定字符串是否以指定子字符串开头或结尾。
let str = 'JavaScript';
console.log(str.startsWith('Java')); // 输出: true
console.log(str.endsWith('Script')); // 输出: true
javascript
5. 字符串提取
JavaScript中的.slice() 方法用于从给定的位置截取字符串的一部分。该方法接受两个参数:起始位置和截止位置(后者不包含在结果中)。
let str = 'Hello, World!';
console.log(str.slice(7, 12)); // 输出: 'World'
javascript
.substring() :类似于 .slice(),但不接受负值作为索引。
let str = 'Hello, World!';
console.log(str.substring(7, 12)); // 输出: 'World'
javascript
.substr() :提取从起始位置开始的指定长度的字符串。
let str = 'Hello, World!';
console.log(str.substr(7, 5)); // 输出: 'World'
javascript
6. 字符串替换
.replace() :用于替换字符串中的子字符串。
let str = 'Hello, World!';
let newStr = str.replace('World', 'JavaScript');
console.log(newStr); // 输出: 'Hello, JavaScript!'
javascript
全局替换 :通过正则表达式的 g 标志实现全局替换。
let str = 'apple, orange, apple';
let newStr = str.replace(/apple/g, 'banana');
console.log(newStr); // 输出: 'banana, orange, banana'
javascript
7. 字符串拆分
.split():按照指定的分隔符将字符串拆分为数组。
let str = 'Hello, World, JavaScript';
let arr = str.split(', ');
console.log(arr); // 输出: ['Hello', 'World', 'JavaScript']
javascript
8. 字符串转换大小写
.toUpperCase() :将字符串转换为大写。
let str = 'Hello';
console.log(str.toUpperCase()); // 输出: 'HELLO'
javascript
.toLowerCase() :将字符串转换为小写。
let str = 'Hello';
console.log(str.toLowerCase()); // 输出: 'hello'
javascript
9. 去除空白字符
.trim():去除字符串两端的空白字符。
let str = ' Hello, World! ';
console.log(str.trim()); // 输出: 'Hello, World!'
javascript
10. 字符串的重复
.repeat():重复一个字符串指定次数。
let str = 'Hello! ';
console.log(str.repeat(3)); // 输出: 'Hello! Hello! Hello! '
javascript
11. 字符串的不可变性
在 JavaScript 中,在这种编程语言中,字符串无法被更改;也就是说无法更改某个字符的位置。
let str = 'Hello';
str[0] = 'h'; // 不会改变原字符串
console.log(str); // 仍然输出: 'Hello'
javascript
12. 转换为字符串
.toString()和String():可以将其他数据类型转换为字符串。
let num = 123;
let str = num.toString();
console.log(typeof str); // 输出: 'string'
let bool = true;
let str2 = String(bool);
console.log(str2); // 输出: 'true'
javascript
它们是 JavaScript 字符串操作中核心内容的几个主要知识点。熟悉这些方法后能够更加高效地处理及操作字符串数据。
全部评论 (0)
还没有任何评论哟~
