码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript进阶系列02,函数作为参数以及在数组中的应用

时间:2014-10-03 10:44:14      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   os   ar   java   for   

有时候,把函数作为参数可以让代码更简洁。

        var calculator = {
            calculate: function(x, y, fn) {
                return fn(x, y);
            }
        };
        var sum = function(x, y) { return x + y; },
            diff = function (x, y) { return x - y; };
        var sumResult = calculator.calculate(2, 1, sum),
            diffResult = calculator.calculate(2, 1, diff);
        alert(sumResult + " " + diffResult);

变量sum和diff代表的函数参数和calculator对象的calculate方法的前2个参数保持一致。

 

□ 数组的every, some, filter方法参数可以是函数

 

       var fruit = ["apples", "oranges", "bananas", "grapes"];
        //判断是否是字符串
        function isString(value, index, array) {
            return typeof value == "string";
        }
        //判断每个数组长度是否为1
        function isLengthOne(value, index, array) {
            return value.length === 1;
        }
        //判断是否有g开头的
        function startsWithG(value, index, array) {
            return value[0] === "g";
        }
        //过滤以a和b开头的数组元素
        function startsWithAB(value, index, array) {
            return value[0] === "a" || value[0] === "b";
        }
        var result = fruit.filter(startsWithAB);     
        //打印
        alert(fruit.every(isString));//判断每个数组元素的类型
        alert(fruit.every(isLengthOne));//判断是否每个数组元素都为1
        alert(fruit.some(startsWithG));//判断是否有一些以G开头
        alert(result); //过滤结果

 以上,every, some, filter方法参数大致是every(value, index, array, fn),所以自定义函数的参数必须和这前3个参数保持一致。

 

□ 数组的forEach, map方法参数可以是函数

※ 数组的forEach方法

        var fruit = ["apples", "oranges", "bananas", "grapes"];
        function doSth(value, index, array) {
            alert(value);
        }
        fruit.forEach(doSth);

forEach方法,只针对数组元素进行操作,不返回新的数组。

 

※ 数组的map方法

        var fruit = ["apples", "oranges", "bananas", "grapes"];
        function doMap(value, index, array) {
            return "i like " + value;
        }
        var result = fruit.map(doMap);
        alert(result); 
map方法,不仅对数组元素操作,而且返回新的数组。          

 

“JavaScript进阶系列”包括:

JavaScript进阶系列01,函数的声明,函数参数,函数闭包

JavaScript进阶系列02,函数作为参数以及在数组中的应用

JavaScript进阶系列02,函数作为参数以及在数组中的应用

标签:style   blog   http   color   io   os   ar   java   for   

原文地址:http://www.cnblogs.com/darrenji/p/4004728.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!