微信扫一扫打赏支持

javascript疑难问题---15、类数组对象

javascript疑难问题---15、类数组对象

一、总结

一句话总结:

类数组对象就是和数组一样是通过数字下标来访问元素,也有length属性,但是没有数组的那些方法,比如函数中的arguments
function f1() {
  console.log(arguments);
  console.log(arguments instanceof Array);
  console.log(arguments instanceof Object);
}
f1(1,32,43,4);

 

 

1、常见的类数组对象有哪些?

1、比如函数中的arguments
2、比如dom操作的时候getElementsByTagName等获取的节点列表:例如 let lis=document.getElementsByTagName('li');

 

 

 

二、类数组对象

博客对应课程的视频位置:15、类数组对象
https://www.fanrenyi.com/video/4/207

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>类数组对象</title>
 6 </head>
 7 <body>
 8 <!--
 9 
10 类数组对象就是和数组一样是通过数字下标来访问元素,也有length属性,
11 但是没有数组的那些方法
12 
13 2、
14 常见的伪数组对象有哪些
15 比如函数中的arguments
16 比如dom操作的时候getElementsByTagName等获取的节点列表
17 
18 3、
19 伪数组对象的特点
20 具有:指向对象元素的数字索引下标以及 length 属性告诉我们对象的元素个数;
21 不具有:诸如 forEach、indexOf 等数组对象具有的方法;
22 
23 -->
24 
25 <!--1、类数组实例1-->
26 <!--<ul>-->
27 <!--    <li>1</li>-->
28 <!--    <li>2</li>-->
29 <!--    <li>3</li>-->
30 <!--</ul>-->
31 <!--<script>-->
32 <!--    let lis=document.getElementsByTagName('li');-->
33 <!--    console.log(lis);-->
34 <!--    console.log(lis[0]);-->
35 <!--    console.log(lis.length);-->
36 <!--    console.log(lis instanceof Array);-->
37 <!--    console.log(lis instanceof Object);-->
38 
39 <!--    // lis.forEach(function (val) {-->
40 <!--    //     console.log(val);-->
41 <!--    // });-->
42 
43 <!--    console.log([]);-->
44 <!--    console.log([1,2]);-->
45 <!--    [1,2].forEach(function (val) {-->
46 <!--        console.log(val);-->
47 <!--    });-->
48 <!--</script>-->
49 
50 <!--2、类数组实例2-->
51 <script>
52     function f1() {
53         console.log(arguments);
54         console.log(arguments instanceof Array);
55         console.log(arguments instanceof Object);
56     }
57     f1(1,32,43,4);
58 </script>
59 </body>
60 </html>

 

 

 

 
posted @ 2020-05-01 09:54  范仁义  阅读(108)  评论(0编辑  收藏  举报