迹忆客 专注技术分享

当前位置:主页 > 学无止境 > 编程语言 >

在 TypeScript 中使用索引迭代字符串

作者:迹忆客 最近更新:2022/11/23 浏览次数:

TypeScript 中要遍历具有索引的字符串:

  1. 使用扩展语法 ... 将字符串解压缩到数组中。
  2. 使用 forEach() 方法迭代数组。
  3. forEach() 方法采用的第二个参数是当前元素的索引。
const str = 'hello';

const arr: string[] = [...str];

console.log(arr); // 👉️ ['h', 'e', 'l', 'l', 'o']

arr.forEach((char, index) => {
  // 👇️ h 0, e 1, l 2, l 3, o 4
  console.log(char, index);
});

TypeScript 中使用索引迭代字符串

我们使用扩展语法 ... 将字符串解压缩到一个数组中。

该数组包含字符串中的所有字符作为元素。

我们传递给 Array.forEach 方法的函数会针对数组中的每个元素进行调用。

回调函数传递以下 3 个参数:

  1. 数组中的当前元素。
  2. 数组中元素的索引。
  3. 我们调用 forEach() 方法的数组。

forEach 方法返回 undefined,因此它用于改变外部变量。

使用 forEach() 方法时需要注意的一件重要事情是 - 我们不能使用 break 关键字来跳出循环。

如果在满足条件时必须使用 break 关键字跳出循环,请改用基本的 for 循环。

const str = 'hello';

for (let index = 0; index < str.length; index++) {
  // 👇️ h 0, e 1, l 2
  console.log(str[index], index);

  if (index === 2) {
    break;
  }
}

break 关键字使我们能够提前退出循环,并且在使用 forEach() 方法时不受支持。

除此之外,for 循环有点冗长,并且在现实世界中使用得更少,因为该语言在其之上提供了越来越多的抽象。

本站文章均为原创或翻译,转载请发邮件至 1244347461@qq.com 进行申请,未经许可,禁止转载。经作者同意之后,转载请以链接形式注明出处

本文地址:

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

热门文章

教程更新

热门标签

扫码一下
查看教程更方便