jquery map函数的用法

发布时间:2020-05-31编辑:脚本学堂
本文介绍了jquery map函数的使用方法,有关Jquery map函数的例子,有需要的朋友参考下。

例子,jquery map函数 实例代码。
 

复制代码 代码示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>map函数_jquery_www.jb200.com</title>
    <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        /*注意map函数不能处理json格式对象的数组。*/

        $(function () {
            var arr = [3, 6, 9];
            ShowArray(arr);

            //调用jquery的map方法    用来将一个数组,转成另一个数组
            //var arrChange = $.map(arr, function (item) { return item * 2; });
            //ShowArray(arrChange);

            //调用自己实现的mymap方法,达到和jquery的map方法一样的功能
            var myfunc = function (item) { return item * 2 };
            var arrChange = MyMap(arr, myfunc);
            ShowArray(arrChange);
        });

        //自己实现一个类似jquery的map方法
        function MyMap(arr, func) {
            var newArray = new Array(arr.length);
            for (var i = 0; i < arr.length; i++) {
                newArray[i] = func(arr[i]);
            }
            return newArray;
        }
        function ShowArray(arr) {
            var output = "";
            for (var i = 0; i < arr.length; i++) {
                if (output == "") {
                    output = arr[i];
                }
                else {
                    output += "," + arr[i];
                }
            }
            alert(output);
        }
    </script>
</head>
<body>
脚本学堂,专业的脚本编程、网站编程、服务器、系统管理技术站点。
</body>
</html>