• JS 数组的基础知识


    数组

    一、定义

    1.数组的文字定义 

          广义上说,数组是相同类型数据的集合。但是对于强类型语言和弱类型语言来说其特点是不一样的。强类型语言数组和集合有以下特点。

                数组强类型语言:1.数组里面只能存放相同数据类型的数; 2.定义数组的时候需要制定一个长度(可以存放的元素数量);3.内存空间是连续的;

                集合弱类型语言:1.可以存放任意类型的数据;2.定义的时候不需要指定长度;3.内存空间不连续;

          相对于强类型语言来说,弱类型语言数组的特点更像是集合。所以称作弱类型集合;有如下特点。

                JS数组:1.可以存放任意类型数据;2.定义时候不需要指定长度;

    2.数组定义方式

    ① 使用关键字 var attr = Array()

          关键字Array代表数组,var attr = Array();这句话就是定义一个数组,数组的名字叫做attr。但是是一个空的数组。如果在()加上一些数字或者字符,就成为一个有内容的数组,例如var attr = Array(1,3.14,"aa"),1,3.14,"aa"就是数组的3个元素,各元素用“,”隔开,字符串要加“”。3个元素的索引分别为0,1,2(索引从0开始)。如果要取数组里面的元素,要用alert(attr[2]);,意思是输出attr数组里面的索引为2的元素,输出的结果就是“aa”。

     定义和取值代码为:

    var attr = Array(1,3.14,"aa");
    alert(attr[2]);

    ② 使用关键字 var attr = Array()

          和第一种定义方式不同,第一种是在()直接给元素,而此种方式是在()直接给数组的长度。例如var attr = Array(5)就代表这个数组的长度是5(数组里面最多放5个元素)。attr[]可以取值,也可以赋值。如果直接拿来用,就是取值。如果放在等号的左侧,那就是赋值。

                                         

    //例如:
    var attr = Array(5); attr[1] = “aa” alert(attr[1]); // 输出的结果也是“aa”

    ③ 使用方括号 var attr= [];

         第三种是去掉Array关键字,直接在等号后面写[],然后再在[]里面写各元素。var attr = [1,3.14,"aa"];,这样写也是加入了3个元素

      例如:

    var attr = [1,3.14,"aa"];
    alert(attr[1]);    输出结果也是“aa”

        上面三种定义方式都可使用,正常情况下使用方括号方法比较好,较为简单。数组定义完以后,如果想操作里面的元素,取值和赋值都是用attr[],取里面的索引号。在弱类型语言中,给定数组的长度是没有用的,可以随时添加或删除元素。

      例如:

    var attr = [1,3.14,"aa"]; //此数组的长度为3
    
    attr[3] = “bb";//添加了新的元素,索引号为3.
    
    alert(attr[3]); //输出索引号为3的元素。输出结果为“bb”。

    二、数组的属性

    1.  length    

          attr.length,length属性代表数组的长度(数组内元素的数量)。

           示例:

    var attr = [1,3.14,"aa"];
    ttr[3] = “bb”; 
    alert(attr.length);   // 输出的是数组的长度,输出结果是4。

    2. push

    往数组里面追加元素,追加元素的方式有很多,直接写入attr[4] = “cc”;就是追加元素的一种。有一种方法是attr.push();,()内就是要追加的元素。

          示例:

    var attr = [1,3.14,"aa"];
    attr[3] = “bb”;
    attr[4] = “cc”;
    attr.push(“dd”);
    alert(attr.length);  //在原来的基础上增加了2个新的元素,输出的length长度结果为6。

    三、数组的遍历

          数组的遍历意思是数组里面可能存了n个数据,在使用这一个数组时,要使用到里面所有的数据,所以就要把里面所有的元素都取一遍。遍历的方式有以下几种:

    1.for循环

          示例:

    var attr = [1,3.14,"aa"];
    attr[3] = “bb”;
    attr[4] = “cc”;
    attr.push(“dd”);
     for(var i=0; i<attr.length;i++)     i<attr.length表示小于元素的数量
    {
        alert(attr[i]);   //输出结果是1,3.14,aa,bb,cc,dd
    }

          使用for循环时一定要控制住循环的次数,因为如果次数多了程序就会报错或崩溃。如果上面的代码中 i<=attr.length,1,3.14,aa,bb,cc,dd输出完以后就会出现undefind。

    2.foreach

          在JS里面没有 foreach这个词,JS里面把foreach和for合在一起了。在其它语言里可以写 foreach,JS里面写for。

         foreach的写法为for(var a in attr),数组的名字是attr

         示例:

    for(var a in attr) //取数组attr里面的元素。取1个,循环;再取1个,循环;直至把所有的元素取完。
    {
        alert(attr[a]);
    }
    //另外:如果上面的代码输出结果改为alert(a);,输出的就是元素的索引,0,1,2,3,.....

    3.数组遍历举例

    例子1:输入10个成绩,求总分,最高分,最低分。

          总分:

     var attr =[89,80,76,49,90,25,85,76,59,40];//10个成绩
     var sum = 0;]//总分赋值0
     for(var i=0; i<attr.length;i++)//循环条件
     {
          sum+=attr[i];//循环
      }
      alert(sum);//输出总分
     //最高分和最低分:
    
     var attr =[89,80,76,49,90,25,85,76,59,40];//10个成绩
     var zg = 0;//最高分赋值0
     var zd = 0;// 最低分赋值0
     for(var i=0; i<attr.length;i++) //循环条件
     {
          if(attr[i]>zg)//条件判断
          {
               zg = attr[i];// 赋值
          }
     }
     alert(zg);//输出最高分
     var zd = zg;//给最低分赋值 
     for(var i=0; i<attr.length;i++)//循环条件
     {
           if(attr[i]<zd)//条件判断
           {
                zd = attr[i];//赋值
            }
     }
     alert(zd);//输出最低分

    示例2:添加数据时去重       

    var attr = [2,5,10,16,27];//5个元素的数组
    var sj = 10;//输入新的元素
    var cf = true;//波尔型数据,默认是true
    for(var i=0;i<attr.length;i++)循环条件
    {
        if(sj == attr[i])//判断数组里面有没有和新的元素相等的元素
      {
          cf = false;//如果有重复值,把false赋值给cf
        break;//终止循环
      }
    }
    if(cf)//if(cf=true)可以直接用,意思是如果没有重复值
    {
        attr.push(sj);//在数组中加新的元素
    }
    else//如果有重复的元素
    {
        alert("有重复值");//输出“有重复值”
        alert(attr.length);//输出数组的长度(索引的数量)。
    }
  • 相关阅读:
    SpringBoot使用SpringSession和redis解决session共享问题(nginx反向代理)
    centos7中安装和配置nginx和keepalived
    定位
    css
    css美化
    html5
    列表,表格,媒体元素
    表单
    一期测试错题修改
    字符串
  • 原文地址:https://www.cnblogs.com/Strive-count/p/5884875.html
Copyright © 2020-2023  润新知