JS的数组迭代方法
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了JS的数组迭代方法,实例分析了javascript使用数组迭代的相关技巧,代码中备有较为详细的注释便于理解,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JS的数组迭代方法。分享给大家供大家参考。具体实现方法如下：
<!doctype html>
<html>
<head lang="zh">
<meta charset="utf-8">
<title>js数组迭代</title>
<meta name="renderer" content="webkit">
<script>
var arr1 = [1,2,3,4,5,6];
function double(x){
return 2*x;
}
// map可以产生一个新的数组
// alert(arr1.map(double));
function print(x){
console.log(x*2)
}
arr1.forEach(print);
function even(x){
return x %2 ==0
}
var arr2 = [2,4,,5,6];
// alert(arr2.every(even))//false;
// alert(arr2.some(even))//true;
function add(a,b){
return a*b;
}
var arr3=[1,2,4,5];
var factorial = arr3.reduce(add);
//alert(factorial) //40
var arr4=[1,24,5,6,7,8,234,4];
alert(arr4.filter(even))
</script>
<pre>
map,filter可以产生一个新的数组
var arr1 = [1,2,3,4,5,6];
function double(x){
return 2*x;
}
//alert(arr1.map(double));
//forEach是对数组每项都调用某个函数，不返回
function print(x){
console.log(x*2)
}
arr1.forEach(print);
//some,every 参数是一个有返回布尔值的函数
function even(x){
return x %2 ==0
}
var arr2 = [2,4,,5,6];
// alert(arr2.every(even))//false;
// alert(arr2.some(even))//true;
//reduce接受一个函数，返回一个值 ，不断累加到最后一项
//同理，reduceRight是由后面累加到第一项，具体可从CONCAT 看出
function add(a,b){
return a*b;
}
var arr3=[1,2,4,5];
var factorial = arr3.reduce(add);
//alert(factorial) //40
//filter与every类似，参入一个返回布尔值 的函数,返回一个新的数组
</pre>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
上一篇：JS表的模拟方法
下一篇：js实现照片墙功能实例