JavaScript--数组与伪数组(特殊对象)的区别

一.数组与伪数组的区别例子：

从原型链上解析：

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>Title</title>
     <script>
         window.onload = function{
             // 伪数组 --> __proto__：HTMLCollection
             var btns = document.getElementsByTagName('button');
             console.log(btns);
             console.log(typeof btns); // object
             console.log(btns instanceof Array); // false
 //            btns.push("123"); 会报错，他不是真的数组，他的原型对象上没有数组的方法

             // 数组-->  __proto__：Array()
             var arr = [1,2,3,4];
             console.log(arr);
             console.log(typeof arr); //object
             console.log(arr instanceof Array); // true
         }
     </script>
 </head>
 <body>
 <button>按钮</button>

 </body>
 </html>

二.数组与伪数组（特殊对象）中，伪数组仿数组的过程

  <script>
         // 真数组
         /*var arr = [];
         arr[0] = "数据1";
         arr[1] = "数据2";
         console.log(arr);*/

         /* 伪数组其实是JS为了方便管理我们的DOM节点创建出来的特殊对象集合
         *
         *伪数组相当于对象的属性用了数组表示，JS内部还给它自动添加了length属性
         * ，但是它本质还是伪数组（特殊对象），它身上没有数组方法*/
         var obj = {};
 //        obj["key"] = "对象数据1";
         obj[0] = "对象数据1";
         obj[1] = "对象数据2";
         obj[2] = "对象数据3";
         obj['length'] = 3;
         console.log(obj);
         console.log("obj[0] ------"+obj[0]);
     </script>