JavaScript数组

1.数组的概念

之前的变量 只能存储一个值。如果我们想存储班级中所有学生的姓名,该如何存储呢?

可以使用数组(array)。数组可以把一组相关的数据一起存放,并提供方便的访问方式。

数组就是一组数据的集合,其中每个数据被称为元素,在数组中可以存放仍以类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。

//普通变量一次只能存储一个值

var num = 10;

//数组一次可以存储多个值

var arr = [1,2,3,4,5]

2.数组创建

2.1创建数组的方式

JS中创建数组有两种方式:

利用new 创建数组

利用数组字面量创建数组(常用)

数组的字面量是方括号[]

声明数组并赋值成为数组的初始化

这种字面方式也是我们以后最多使用的方式

<script>
        // 1.数组(array): 就是一组数据的集合,存储在单个变量下的优雅方式
        // 2.利用new 创建数组
        var arr = new Array(); //创建了一个空的数组。
        // 3.利用数组字面量来创建数组[]
        var arr = [];//创建了一个空的数组
        var arr1 = [1,2,'pink老师',true];
        // 4.我们数组里面的数据一定用 , 分隔
        // 5.数组里面的数据 比如1,2 我们称为数组元素

    </script>

2.4数组元素的类型

数组中可以存放 任意类型的数据,例如字符串,数字,布尔值等。

var arrStus = ['小白',12,true,28.9];

3.获取数组元素

3.1数组的索引

索引(下标):用来访问数组元素的序号(数组下标从0开始)

var arr = ['小白', '小黑' , '大黄' , '瑞奇'];

索引号    0         1           2         3

数组是通过 索引 来访问,设置 修改对应的数组元素,我们可以通过 "数组名[索引]"的形式来获取数组中的元素

这里访问就是获取,得到的意思

4.遍历数组

(1)数组每一项怎么取出来?

可以通过“数组名[索引号]”的方式一项一项的取出来

(2)怎么把数组元素全部取出来呢?

循环

遍历,把数组每个元素从头到尾都访问一次(类似于我i们的点名)

// 遍历数组:就是把数组元素从头到尾访问一遍
        var arr = ['red' , 'green' , 'blue']
        for (var i = 0; i < 3; i++)
        {
            console.log(arr[i]);
        }
        // 1.因为我们的数组索引号从0开始,所以i必须从0开始 i<3;
        // 2.输出的是有arr[i] i 计数器当索引号来用

4.1数组的长度

使用"数组名.length",可以访问数组元素的质量(数组长度)。

<script>
        //数组长度   "数组名.length"
        var arr = ['关羽' , '张飞' , '马超' ,'赵云', '黄忠', '刘备', '姜维']
        for (var i =0 ; arr.length<7; i++)
        {
            console.log(arr[i]);

        }
        console.log(arr.length);
        //1.数组长度是元素个数 不要跟索引混淆。
        //2. arr.length 动态监测数组元素的个数。
    </script>

5数组中的新增元素

可以通过修改length长度以及索引号增加数组元素

5.1通过修改length长度新增数组元素

修改length长度实现扩容

length 是可读写的

5.2通过修改数组索引新增数组元素

<script>
        // 1.新增数组元素 修改length长度
        var arr = ['red','green'];
        arr.length = 5;
        console.log(arr);
        console.log(arr[3]);
        // 2.新增数组元素,修改索引号 追加数组元素
        var arr1 = ['red','green'];
        arr1[2] = 'pink';
        // 3,这是替换原来的数组元素
        arr1[0] = 'yellow';
        console.log(arr1);
        //不要直接给数组元素赋值 否贼免得数组元素都没有了
        arr1 = '有点意思';
        console.log(arr1);
    </script>

6.循环添加数组元素

<script>
        var arr = [] ;
        for(var i = 0 ; i<10 ; i++)
        {
            arr[i]=i+1;
        }
        console.log(arr);
    </script>

7.数组中只保留大于10的元素

<script>
        var arr = [2,0,6,1,77,0,52,0,25,7];
        var data = 10;
        var arrNew = [];
        for(var i=0,j=0 ; i < arr.length ; i++)
        {
            if(arr[i] >= data)
            {
                arrNew[j]=arr[i];
                j++;
            }
        }
        console.log(arrNew);
    </script>

8.把数组元素的特定值去掉(这里去掉的是0)

<script>
        var arr = [2,0,6,1,77,0,52,0,25,7];
        var arr1 = [];
        for(var i=0 ;i<arr.length; i++)
        {
            if(arr[i] != 0)
            {
                arr1[arr1.length] = arr[i];
            }
        }
        console.log(arr1);
    </script>

9.把数组元素反转

<script>
        //将['red','green','blue','pink','purple']内容反转过来
        var arr = ['red','green','blue','pink','purple','hotpink'];
        var arr1 = [];
        for(var i=(arr.length-1);i>=0;i--)
        {
            arr1[arr1.length] = arr[i];
        }
        console.log(arr1);
    </script>
(0)

相关推荐

  • JavaScript 函数用法实例

    JavaScript 函数用法实例

  • JS数组

         1.isArray()方法  判断变量是否是一个数组 var a = [1,2]; var b.innerHTML = Array.isArray(a);          2.forEac ...

  • WEB前端第二十六课——js数组

    WEB前端第二十六课——js数组

  • 分享数组概念、创建、赋值、长度与使用

    3-1什么是数组?变量用来存储数据,一个变量只能存储一个内容,如果要存储多个数据怎么办?此时就需要用到数组,数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引都有一个相应的值,根据需要添加更 ...

  • JavaScript 实现 冒泡排序

        <script>         //数组排序(冒泡排序)         //冒泡排序是一种算法,把一系列的数据按照一定的循序进行排列显示(从小到大或从大到小)          ...

  • js的对象

    js的对象 1. new关键字 // 构造函数的语法格式 function 构造函数名() { // 构造函数名字首字母要大写(规范) this.属性 = 值; this.方法 = function( ...

  • JavaScript--总结三(数组和函数)

    数组 数组的概念: 将多个元素(通常是同一类型)按照一定顺序排列放到一个集合中,这个集合称之为数组---简(一组有序的数据) 数组的作用:可以一次性存储多个数据 数组的定义: 1.通过构造函数创建数组 ...

  • javascript 数组 对象的一些方法记录

    记录一下常用的数组和对象的一些方法 数组 push() 数组后添加元素 // 作用:把一个元素或多个元素,从数组后面添加到数组里面: // 参数:添加的数据 // 返回:添加后的数组的长度: let ...

  • JavaScript数组 - 选择排序

    选择排序 选择排序相对于冒泡排序是比较好理解的排序方法 原理:通过比较首先选出最小的数放在第一个位置上,然后在其余的数中选择次小的数放在第二个位置,以此类推,直到排序完成. 同样还是用冒泡的那几个数9 ...

  • JavaScript数组 - 引用详解

    基本数据类型详解 在学习数组引用详解前,我们先来看基本数据类型的详解 举个小例子: 我们声明一个a = 10; 然后声明一个函数,这个函数里面有个参数为a 把这个参数的a改成5,a = 5; 并且再加 ...

  • JavaScript数组 - 系统排序

    系统排序 排序的方法有很多,有冒泡排序.选择排序等等 假设有一个数组a,我们想象成有一个班级名叫a班,现在全班随意排成一排,排头的位置是a[0],排尾的位置是a[a.length-1].但高矮顺序不是 ...

  • JavaScript数组 - 冒泡排序

    冒泡排序 这节我们来讲大名鼎鼎的冒泡排序 原理:前后两个数两两进行比较,如果符合交换条件,交换位置,知道所有数据排序完成,结束比较. 举个小例子: 我们来给9,8,7,6,5,4,排序为4,5,6,7 ...

  • JavaScript数组 - 其他方法

    数组的其他方法 1.concat(); 格式:数组.concat( 数组2 ); 功能:将两个数组合并成一个新数组,源数组不会被改变 返回值:我们合并好的数组 参数:我们要合并的数组 举个小例子: 运 ...

  • JavaScript数组 - 二维数组

    JavaScript二维数组 什么是二维数组? 注意:所谓的二维数组,就是在数组中元素还为数组,如果再有数组也可称为三维数组 我们通过一个例题来进行讲解 通过循环按执行顺序为一个5x5的二维数组a赋1 ...

  • JavaScript数组 - 栈和队列方法

      栈方法  为了实现栈这个结构存在的方法 什么叫栈? 栈是古代的木盆,相当于现在的洗衣机:从同一个口进并且从同一个口出 如果要洗衣服拿出最底面的衣服必须要先拿出上面的衣服才可以 栈方法也是一样,先进 ...

  • JavaScript数组 - 概念

    数组的概念及作用 我们来学习数组之前,先来复习一下数据类型 数据类型: 基本数据类型:数字.字符串.布尔值 特殊数据类型:null.undefined 符合数据类型:数组 为什么我们要来使用数组? 当 ...

  • JavaScript数组 - 属性/遍历

    数组的属性 数组的长度: arr.length 访问数组元素的个数 注意:length属性,不是只读的,是可以设置的 举个小例子: var arr =["red", "b ...