JS的数组迭代方法
作者:bea
本文实例讲述了JS的数组迭代方法。分享给大家供大家参考。具体实现方法如下: <!doctype html><html><head lang="zh"> <meta charset="utf-8"> <title>js数组迭代</title> <meta name="renderer" content="webkit"> <script> var arr1 = [1
本文实例讲述了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程序设计有所帮助。
猜你喜欢
您可能感兴趣的文章:
- jquery控制背景音乐开关与自动播放提示音的方法
- 触屏中的JavaScript事件分析
- JavaScript事件委托技术实例分析
- JavaScript比较两个对象是否相等的方法
- JavaScript 异常处理 详解
- jquery中change()用法实例分析
- javaScript的函数对象的声明详解
- javascript实用方法总结
- javascript实现限制上传文件大小
- jquery实现鼠标滑过显示提示框的方法
- javascript去除字符串左右两端的空格
- jQuery判断对象是否存在的方法
- jquery实现对联广告的方法
- jquery实现在光标位置插入内容的方法
- Jquery中offset()和position()的区别分析
- JS实现一个按钮的方法
- JS继承用法实例分析
- Javascript实现Web颜色值转换
- JS表的模拟方法