Ext.isIterable

Posted thaipine

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ext.isIterable相关的知识,希望对你有一定的参考价值。

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

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

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


测试代码如下:
 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2         "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>Ext.iterable</title>
 7     <link rel="stylesheet" type="text/css" href="js/ext4/resources/css/ext-all.css">
 8     <link rel="stylesheet" type="text/css" href="css/icon.css">
 9     <!--<script type="text/javascript" src="js/ext4/bootstrap.js"></script>-->
10     <script type="text/javascript" src="js/ext4/ext-all-debug.js"></script>
11 
12     <script type="text/javascript" src="js/ext4/locale/ext-lang-zh_CN.js"></script>
13     <script type="text/javascript">
14         Ext.onReady(_pageLoaded);
15 
16         /**
17          * 页面加载完毕后执行的函数
18          * @private
19          */
20         function _pageLoaded(){
21           var arr = [1,2,3];
22           console.info("arr:%o",arr);
23           console.info(Ext.isIterable(arr)); //数组
24 
25           add(2,3);
26 
27           var tableNode = document.getElementById(table1); 
28           
29           var childNodes = tableNode.childNodes;
30           console.info(表格的子节点:%o,childNodes);
31           console.info(Ext.isIterable(childNodes));//NodeList
32  
33           var children = tableNode.children;
34           console.info("表格的子元素:%o",children);
35           console.info(Ext.isIterable(children));//HTMLCollection
36 
37           var obj ={};
38           obj.length=3;
39           obj[0]=12;
40           obj[1]=34;
41           obj[2]=56;
42           console.info("obj:%o",obj);
43           var bool =  Ext.isIterable(obj);
44           console.info(bool); 
45 
46         }
47 
48         function add(x,y){
49           console.info("arguments:%o",arguments);
50           console.info(Ext.isIterable(arguments));//函数参数
51           return x+y;
52         } 
53 
54     </script>
55 </head>
56 <body>
57 <table id="table1">
58     <tr>
59         <td>1</td>
60         <td>2</td>
61     </tr>
62     <tr>
63         <td>3</td>
64         <td>4</td>
65     </tr>
66 </table>
67 <span id="node1">测试文本~~~</span>
68 <span id="node2">  </span>
69 </body>
70 </html>

 

以上是关于Ext.isIterable的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

片段和活动之间的核心区别是啥?哪些代码可以写成片段?

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数