js数组循环常用的几种方法
2020-07-21 04:14
1371 查看
1、for循环
最基本的循环方式,也是速度比较快,效率比较高的循环方式,
var arr = [1,2,3,4,5]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); }
2、forEach循环
历数组中的每一项,没有返回值,对原数组没有影响,不支持IE,break无法跳出循环,retrun只能跳出当前循环,无法终止循环。
var arr = [1,2,3,4,5]; arr.forEach(function (item, index, array) { // item数组中的当前项, index当前项的索引, array原始数组; console.log(item); })
3、map循环
有返回值,支持return返回值,把每一次循环return返回的值组成一个新的数组,对原数组没有影响。
var arr = [1,2,3,4,5]; var newArr = arr.map(function (item, index, array) { return item * 10; }) console.log(arr); // [1,2,3,4,5] console.log(newArr); // [10,20,30,40,50]
4、for of循环
ES6新增的循环方法,没有索引,它可以正确响应break、continue和return语句,而且,这个方法避开了for-in循环的所有缺陷。for-in循环虽然可以循环数组,但是会有好多坑,它主要用于循环对象,今天我总结的是数组的循环,就把for-in排除在外了。
var arr = [1,2,3,4,5]; for (var item of arr) { // item指的的就是数组每一项的值 console.log(item); }
5、filter循环
返回新数组,不会改变原数组,新数组由符合条件的数组组成。
var arr = [1,2,3,4,5]; var newArr = arr.filter(function (item) { return item > 3; }) console.log(arr); // [1,2,3,4,5] console.log(newArr); // [4,5]
6、every循环
给数组每一项都运行一个函数,如果每一项都符合条件,就返回true,否则返回false。
var arr = [1,2,3,4,5]; var result1 = arr.every(function (item, index, array) { return item > 3; }); var result2 = arr.every(function (item, index, array) { return item > 0; }) console.log(result1); // false console.log(result2); // true
7、some循环
给数组每一项都运行一个函数,同every相反,只要有一项符合条件,就跳出循环,返回true,否则返回false。
var arr = [1,2,3,4,5]; var result1 = arr.some(function (item, index, array) { return item > 4; }); var result2 = arr.some(function (item, index, array) { return item > 5; }) console.log(result1); // true console.log(result2); // false
8、find循环
给数组每一项都运行一个函数,只要有一项符合条件,就跳出循环,返回第一个符合条件的元素,否则返回undefined。
var arr = [1,2,3,4,5]; var result1 = arr.find(function (item) { return item > 3; }); console.log(result1); // 4
相关文章推荐
- js常用的几种数组方法
- 几种常用的js数组去重方法
- js数组去重的几种常用方法总结
- js 删除数组几种方法
- js 删除数组几种方法
- js实用篇之数组、字符串常用方法
- js数组对象常用方法小结
- js常用方法总结-数组篇
- js删除数组中某一项或几项的几种方法
- 数组常用的几种方法
- js中数组Array的一些常用方法总结
- js 删除数组的几种方法小结
- JS合并数组的几种方法及优劣比较
- js数组去重的三种常用方法总结
- JS----几种过滤重复的数组的方法
- js数组循环遍历数组内所有元素的方法
- js数组常用方法总结
- 编写学习的java几种常用数组的排序方法,给大家分享一下
- js数组循环遍历数组内所有元素的方法
- js 删除数组几种方法