导航

HTML

CSS

JavaScript

浏览器 & 网络

版本管理

框架

构建工具

TypeScript

性能优化

软实力

算法

UI、组件库

Node

冷门技能

1. 获取字符串长度

const str = 'hello';
str.length;   // 输出结果：5

2. 获取字符串指定位置的值

charAt() 和 charCodeAt() 方法都可以通过索引来获取指定位置的值：

• charAt() 方法获取到的是指定位置的字符；
• charCodeAt() 方法获取的是指定位置字符的 Unicode 值。

charAt

• 定义：
  • 从一个字符串中返回指定的字符
• 语法：
  • str.charAt(index)
• 参数：
  • 一个介于0 和字符串长度减1之间的整数。 (0~length-1)
  • 超出范围，返回空字符串
  • 不填，默认0
• 返回值：
  • 对应索引的字符

const str = 'Lance';
console.log(str.charAt(1)); // a

charCodeAt

• 定义：
  • 返回 0 到 65535 之间的整数，表示给定索引处的 UTF-16 代码单元
• 语法：
  • str.charCodeAt(index)
• 参数：
  • 一个大于等于 0，小于字符串长度的整数。如果不是一个数值，则默认为 0。
    • 超出范围，返回 NaN
  • 不填，默认0
• 返回值：
  • 指定 index 处字符的 UTF-16 代码单元值的一个数字

const str = 'Lance';
console.log(str.charCodeAt(1)); // 97

3. 检索字符串是否包含特定序列

⭐️ indexOf

• 定义：
  • indexOf() 方法返回调用它的 String 对象中第一次出现的指定值的索引，从 fromIndex 处进行搜索。如果未找到该值，则返回 -1。
• 语法：
  • str.indexOf(searchValue [, fromIndex])
• 参数：
  • searchValue:
    • 要被查找的字符串（不传默认值为 "undefined" 字符串）
  • fromIndex（可选）:
    • 开始查找的索引位置
    • 小于0：
      • 相当于传0（从起始位置开始查）【这个跟数组的 indexOf 不同，Array.prototype.indexOf 第二个参数如果是负值，则会从 arr.length + fromIndex 处开始查找】
    • 大于等于数组长度：
      • 直接返回 -1（除开 searchValue 为 '' 的情况）
• 返回值：
  • 指定值的索引，或者 -1
  • 注意 searchValue 为空字符串的情况
    • fromIndex 不传或传0：返回0
    • fromIndex 大于0小于数组长度：返回 fromIndex
    • fromIndex 大于等于数组长度：返回数组长度

const str = 'Lance';
console.log(str.indexOf()); // -1

const str1 = 'undefined';
console.log(str1.indexOf()); // 0  因为默认不传，就当传字符串 "undefined"

const str = 'Lance';
console.log(str.indexOf('e', -10)); // 4

const str1 = 'Lance';
console.log(str1.indexOf('e', 4)); // 4

const str2 = 'Lance';
console.log(str2.indexOf('e', 5)); // -1

注意 searchValue 为 '' 空串情况：

console.log('Lance'.indexOf('')) // 返回 0
console.log('Lance'.indexOf('', -5)) // 返回 0
console.log('Lance'.indexOf('', 0)) // 返回 0
console.log('Lance'.indexOf('', 3)) // 返回 3
console.log('Lance'.indexOf('', 8)) // 返回 5

console.log('Lance'.indexOf('', 5)) // 返回 5
console.log('Lance'.indexOf('', 13)) // 返回 5
console.log('Lance'.indexOf('', 22)) // 返回 5

⭐️ 当 fromIndex 小于 0 时，与 Array.prototype.indexOf 比较

const str = 'Lance';
console.log(str.indexOf('a', -2)); // 1
// 如果 formIndex 为负数，会当做没传 fromIndex，默认从索引0开始查找

const arr = ['L', 'a', 'n', 'c', 'e'];
console.log(arr.indexOf('a', -2)); // -1
// 如果 formIndex 为负数，会从 (arr.length + fromIndex) 也就是 (5 + (-2)) 也就是3
// 索引开始查找，然后没找到，返回 -1

lastIndexOf

• 定义：
  • 查找某个字符，有则返回最后一次匹配到的位置，否则返回-1
  • 该方法和indexOf()类似，只是查找的顺序不一样，indexOf()是正序查找，lastIndexOf()是逆序查找。

let str = "abcabc";
console.log(str.lastIndexOf("a"));  // 输出结果：3
console.log(str.lastIndexOf("z"));  // 输出结果：-1

includes

• 定义：
  • 用于判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false
• 语法：
  • str.includes(searchString[, position])
• 参数：
  • searchString
    • 要在此字符串中搜索的字符串。
  • position（可选）
    • 从当前字符串的哪个索引位置开始搜寻子字符串，默认值为 0
• 返回值：
  • Boolean

'Blue Whale'.includes('blue'); // return false

startsWith

• 定义：
  • 用来判断当前字符串是否以另外一个给定的子字符串开头，并根据判断结果返回 true 或 false。
• 语法：
  • str.startsWith(searchString[, position])
• 参数：
  • searchString
    • 要搜索的子字符串。
  • position 可选
    • 在 str 中搜索 searchString 的开始位置，默认值为 0。
• 返回值：
  • Boolean

const str = 'Lance';
console.log(str.startsWith('a')); // false
console.log(str.startsWith('a', 1)); // true

endsWith

• 定义：
  • 用来判断当前字符串是否是以另外一个给定的子字符串“结尾”的，根据判断结果返回 true 或 false。
• 语法：
  • str.endsWith(searchString[, length])
• 参数：
  • searchString
    • 要搜索的子字符串。
  • length 可选
• 返回值：