zoukankan      html  css  js  c++  java
  • 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>
     
  • 相关阅读:
    android 入门-Activity及 字体
    android 入门-安装环境
    PS 零基础训练1
    txt操作
    C#重绘TabControl
    ini操作
    C#编写ActiveX控件
    远程目录和文件判断
    c#一些操作
    c#消息窗体
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/12676453.html
Copyright © 2011-2022 走看看