原型的另外一个作用就是扩展对象中的属性和方法的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8>

        //原型的另外一个作用就是扩展对象中的属性和方法的

        // Array each方法

        // ECMA5 forEach 循环遍历数组的每一项(只适合遍历一维数组)

        var arr = [1,2,3,4,5];

        arr.forEach(function(item , index , array){

            alert(item);

        });

        // 自己实现一个Array each方法 能遍历多维数组

        var arr = [1,2,3,[4,[5,[6]]]]; // arr.length

        Array.prototype.each = function(fn){//给数组的prototype增加一个静态方法，原型和数组对象可以用。prototype用来扩充所有对象的方法。

            try{

                //遍历数组的每一项 ，记录当前遍历的元素位置

                this.i || (this.i=0);  //局部临时变量最好加在对象上，不要写var i = 0;给数组加一个属性，this.i存在就用i不存在就是0，加一个属性并赋值，

                //数组长度大于0  && 传递的参数必须为函数

                if(this.length >0 && fn.constructor == Function){

                    while(this.i < this.length){    //不要for in循环，底层循环很多用for循环和while循环，索引不能到长度

                        var e = this[this.i];

                        //如果当前元素是一个数组（多维数组）

                        if(e && e.constructor == Array){//是一个数组的时候，通过constructor判断变量的类型，

                            //递归

                            e.each(fn);

                        } else {

                            //如果不是数组 （那就是一个单个元素）

                            //fn.apply(e,[e]);

                            fn.call(e,e);//fn(e)也可以，也可以fn.call(null,e);回调函数就是函数去执行数组的每一个元素。

                        }

                        this.i++ ;

                    }

                    this.i = null ; // while循环完了i就没用了，释放内存，垃圾回收机制回收变量

                }

            } catch(ex){

                // do something

            }

            return this ;//谁将要调用这个方法，this就指向谁，现在是arr调用这个方法。

        }

        arr.each(function(item){//先去对象中找方法，然后去原型中找方法，

            alert(item);

        });

        </script>

    </head>

    <body>

    </body>

</html>

js---15,模拟数组的ecah方法的更多相关文章

  1. 从js的repeat方法谈js字符串与数组的扩展方法

    js将字符串重复N次的repeat方法的8个版本 /* *@desc: 将一个字符串重复自身N次 */ //版本1:利用空数组的join方法 function repeat(target, n) { ...

  2. 关于js中操作数组的一些方法

    网上找的通篇看了一遍讲的很透收藏了!  转自(https://www.cnblogs.com/blogs-8888/p/6518683.html) 1.锁定数组的长度(让数组的长度变成只读). 1 2 ...

  3. JS 开发中数组常用的方法

    大家有没有想过,js数组为什么会有这么多的方法,没错,就是为了不同场景下处理数据的需要,就像设计模式一样,都是为了能更好的处理当前场景的需要. 首先怎么创建一个数组呢, // 两种方式 // 1,构造 ...

  4. js中的数组对象排序(方法sort()详细介绍)

    定义和用法 sort() 方法用于对数组的元素进行排序. 语法    arrayObject.sort(sortby) 参数sortby:可选.规定排序顺序.必须是函数. 返回值 对数组的引用.请注意 ...

  5. JS(TS)中数组常见的方法（未完待续）

    push():向数组末尾添加一个或多个元素 unshift(): 向数组的开头添加一个或多个元素 pop(): 删除数组最后一个元素 shift(): 删除数组第一个元素 sort(): 给数组排序  ...

  6. js中给数组添加元素的方法有哪些

    unshift:将参数添加到原数组开头,并返回数组的长度 pop:删除原数组最后一项,并返回删除元素的值:如果数组为空则返回undefined push:将参数添加到原数组末尾,并返回数组的长度 co ...

  7. js中操作数组的一些方法

    增 push   在数组的末尾添加一个或多个元素,并返回新的长度.  array.push(1,2,3.........) unshift  在数组的开头添加一个或多个元素,并返回新的长度. arra ...

  8. js中操作数组的一些方法【转】

    增 push   在数组的末尾添加一个或多个元素,并返回新的长度.  array.push(1,2,3.........) unshift  在数组的开头添加一个或多个元素,并返回新的长度. arra ...

  9. JS 中常见数组API使用方法（join、concat、slice、splice、reverce）

    刚接触前端不久,个人觉得学习程序还是需要经常总结的.下面是我的一些知识的归纳总结,如果哪里说得不对的还请各位大神指点! 1.to str (1)String(arr)将数组中的每个元素转为字符串并用逗 ...

随机推荐

  1. C# 字符串 分割 反转 Base64

    "; //字符串 ToBase64 byte[] bytes = Encoding.Default.GetBytes(pwd); pwd = Convert.ToBase64String(b ...

  2. eclipse 启动报错has value '1.7', but '1.8' is required

    由于安装elasticsearch5.x版本时需要jdk8,所以在本机安装了,不过后来发现启动eclipse时报错: Error: Registry key 'Software\JavaSoft\Ja ...

  3. 洛谷 P2695 骑士的工作

    P2695 骑士的工作 题目背景 你作为一个村的村长,保卫村庄是理所当然的了.今天,村庄里来了一只恶龙,他有n个头,恶龙到处杀人放火.你着急了.不过天无绝人之路,现在来了一个骑士团.里面有m位成员(往 ...

  4. 小白学开发（iOS）OC_ 经常使用结构体（2015-08-14）

    // //  main.m //  经常使用结构体 // //  Created by admin on 15/8/13. //  Copyright (c) 2015年 admin. All rig ...

  5. tp5中的配置机制

    默认在application中, 一个config.php, 一个database.php, 还有一个extra文件夹,里面存放一些零散的配置. 如果在index.php初始化中调整配置路径, 那么e ...

  6. org.xml.sax.SAXParseException: Content is not allowed in prolog

    sax错误:org.xml.sax.SAXParseException: Content is not allowed in prolog解决  标签: org. xml. sax. saxparse ...

  7. Vue或React多页应用脚手架

    https://github.com/zhujiasheng/vue-multipage https://github.com/MeCKodo/vue-multipage

  8. Python命令行參数大全

      -b     :    当转换数组为字符串时提出警告.比方str(bytes_instance), str(bytearray_instance). -B     :    当导入.py[co]文 ...

  9. jQuery Easy UI ProgressBar（进度条）组件

    ProgressBar(进度条)组件,这个还是挺好玩的.我们在自己做点什么的时候常常能用到,比方上传下载文件.导入导出文档啊.加载网页等等. 应用场景非常多,使用起来还非常easy. 演示样例: &l ...

  10. solr 亿万级数据查询性能測试

    废话不多说,我电脑配置 i7四核cpu 8G内存 插入数据文档中有5个字段,当中有两个分词.一个int,一个date 批量插入測试一次10万循环10次总共100万用时85秒 批量插入測试一次10万循环 ...