Advertisement

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)

还没有任何评论哟~