经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » TypeScript » 查看文章
TypeScript遍历Array的方法(for,forEach,every)
来源:jb51  时间:2022/6/21 16:40:40  对本文有异议

Typescript的官方文档 Iterators and Geneators

一、for..of 方法

这是最常用的方法,遍历的值是数组中的value值

  1. let someArray = [1, "string", false];
  2.  
  3. for (let entry of someArray) {
  4. ? ? console.log(entry); // 1, "string", false
  5. }

二、for..in 方法

这个方法要注意和for..of的区别,for..in遍历的值是数组的索引

  1. let list = [4, 5, 6];
  2.  
  3. for (let i in list) {
  4. ? ?console.log(i); // "0", "1", "2",
  5. }
  6.  
  7. for (let i of list) {
  8. ? ?console.log(i); // "4", "5", "6"
  9. }

三、for循环

for循环是标准的C风格语法

  1. var numbers = [1, 2, 3];
  2. for (var _i = 0; _i < numbers.length; _i++) {
  3. var num = numbers[_i];
  4. console.log(num); // "1", "2", "3"
  5. }

四、forEach

forEach其实是JavaScript的循环语法,TypeScript作为JavaScript的语法超集,当然默认也是支持的。

  1. let list = [4, 5, 6];
  2. list.forEach((val, idx, array) => {
  3. // val: 当前值
  4. // idx:当前index
  5. // array: Array
  6. });

五、every和some

every和some也都是JavaScript的循环语法,TypeScript作为JavaScript的语法超集,当然默认也是支持的。因为forEach在iteration中是无法返回的,所以可以使用every和some来取代forEach。

  1. let list = [4, 5, 6];
  2. list.every((val, idx, array) => {
  3. // val: 当前值
  4. // idx:当前index
  5. // array: Array
  6. return true; // Continues
  7. // Return false will quit the iteration
  8. });

到此这篇关于TypeScript遍历Array的方法(for,forEach,every)的文章就介绍到这了,更多相关TypeScript遍历Array内容请搜索w3xue以前的文章或继续浏览下面的相关文章希望大家以后多多支持w3xue!

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号