Ext.isIterable - 秒客网

Ext.isIterable用于判断传入的参数是否为可迭代的

在这4种情况下，函数返回true

1：数组
2：函数参数arguments
3：HTML collections ： NodeList
4：HTML collections ： HTMLCollection

测试代码如下：

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

         "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

     <meta charset="UTF-8">

     <title>Ext.iterable</title>

     <link rel="stylesheet" type="text/css" href="js/ext4/resources/css/ext-all.css">

     <link rel="stylesheet" type="text/css" href="css/icon.css">

     <!--<script type="text/javascript" src="js/ext4/bootstrap.js"></script>-->

     <script type="text/javascript" src="js/ext4/ext-all-debug.js"></script>

     <script type="text/javascript" src="js/ext4/locale/ext-lang-zh_CN.js"></script>

     <script type="text/javascript">

         Ext.onReady(_pageLoaded);

         /**

          * 页面加载完毕后执行的函数

          * @private

          */

         function _pageLoaded(){

           var arr = [1,2,3];

           console.info("arr:%o",arr);

           console.info(Ext.isIterable(arr)); //数组

           add(2,3);

           var tableNode = document.getElementById('table1'); 

           var childNodes = tableNode.childNodes;

           console.info('表格的子节点：%o',childNodes);

           console.info(Ext.isIterable(childNodes));//NodeList

           var children = tableNode.children;

           console.info("表格的子元素：%o",children);

           console.info(Ext.isIterable(children));//HTMLCollection

           var obj ={};

           obj.length=3;

           obj['0']=12;

           obj['1']=34;

           obj['2']=56;

           console.info("obj：%o",obj);

           var bool =  Ext.isIterable(obj);

           console.info(bool); 

         }

         function add(x,y){

           console.info("arguments:%o",arguments);

           console.info(Ext.isIterable(arguments));//函数参数

           return x+y;

         } 

     </script>

 </head>

 <body>

 <table id="table1">

     <tr>

         <td>1</td>

         <td>2</td>

     </tr>

     <tr>

         <td>3</td>

         <td>4</td>

     </tr>

 </table>

 <span id="node1">测试文本~~~</span>

 <span id="node2">  </span>

 </body>

 </html>