TypeScript遍历Array的方法(for,forEach,every)
2022-06-21 17:47:22 来源：易采站长站 作者：
-易采站长站.png)
目录
一、for..of 方法二、for..in 方法三、for循环四、forEach五、every和someTypescript的官方文档 Iterators and Geneators
一、for..of>
这是最常用的方法，遍历的值是数组中的value值
let someArray = [1, "string", false];
for (let entry of someArray) {
console.log(entry); // 1, "string", false
}
二、for..in>
这个方法要注意和for..of的区别，for..in遍历的值是数组的索引
let list = [4, 5, 6];
for (let i in list) {
console.log(i); // "0", "1", "2",
}
for (let i of list) {
console.log(i); // "4", "5", "6"
}
三、for循环
for循环是标准的C风格语法
var numbers = [1, 2, 3];
for (var _i = 0; _i < numbers.length; _i++) {
var num = numbers[_i];
console.log(num); // "1", "2", "3"
}
四、forEach
forEach其实是JavaScript的循环语法，TypeScript作为JavaScript的语法超集，当然默认也是支持的。
let list = [4, 5, 6];
list.forEach((val, idx, array) => {
// val: 当前值
// idx：当前index
// array: Array
});
五、every和some
every和some也都是JavaScript的循环语法，TypeScript作为JavaScript的语法超集，当然默认也是支持的。因为forEach在iteration中是无法返回的，所以可以使用every和some来取代forEach。
let list = [4, 5, 6];
list.every((val, idx, array) => {
// val: 当前值
// idx：当前index
// array: Array
return true; // Continues
// Return false will quit the iteration
});
到此这篇关于TypeScript遍历Array的方法(for,forEach,every)的文章就介绍到这了,更多相关TypeScript遍历Array内容请搜索易采站长站以前的文章或继续浏览下面的相关文章希望大家以后多多支持易采站长站！
如有侵权，请联系QQ:279390809 电话：15144810328
最新图文推荐
相关文章
-
vue跳转不同页面的多种方法 1：router-link跳转 !-- 直接跳转 --router-link to='/testDemo' button点击跳转2/button/router-link !-- 带参数跳转 --router-link :to="{path:'testDemo',query:{setid:123456}}" button点击跳转2020-03-26
-
Vue+elementUI实现多图片上传与回显功能（含回显后继续上传或删除
最近有使用vue+elementUI实现多图片上传的需求，遂做此纪录。 本次主要写一下前端的实现细节，至于后台以Multipart[ ]数组接收即可，不再赘述，网上一搜大把文章可供参考。 本次使用2020-03-23
-
上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面 view class='page_row' bindtap="suo" view class="search" view class="df search_arr" icon class="searchcion" size='20' type='search'/2020-03-10
-
本文实例为大家分享了微信小程序分享朋友圈海报的具体代码，供大家参考，具体内容如下 思路：生成朋友圈海报放在公共文件，首先需要绘制canvas，点击分享朋友圈按钮，在手机屏幕2020-06-21
-
当下， 我们几乎所有的项目都是基于 webpack、rollup 等构建工具进行开发的，模块化已经是常态。 我们对它并不陌生，今天，我们就再系统的回顾一下ES6的模块机制， 并总结下常用的操2020-07-04
-
Vue-router 报错NavigationDuplicated的解决方法
版本：3.1.x 报错原因： 使用push()、replace()进行导航时，不能重复导航到当前路由。 解决办法： 方法1：在定义路由的文件中router/index.js const originalPush = VueRouter.prototype.pushVueRouter.protot2020-03-31
-
本文实例为大家分享了vue实现滑动以及左右联动效果的具体代码，供大家参考，具体内容如下 一、首先需要在项目中引入better-scroll 1. 在package.json 直接写入 "better-scroll":"^1.15.1" 版本以2020-06-30
-
在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响2020-06-25
豫公网安备 41019702003123号