js基础_数组简介

Posted 2022-03-12 青仙

数组（Array）

—-数组也是一个对象
—-它和我们普通对象功能相似，也是用来存储一些值的
—-不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引来操作元素的。

—-索引：
从0开始的整数就是索引。

—-数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据。

实际操作：

<script>
            //创建数组对象
            var arr=new Array();
            //使用typeof检查一个数组时，会返回Object
            //console.log(typeof arr);
            //向数组中添加元素：
            /*语法：数组[索引]=值
             */
            arr[0]=10;
            arr[1]=20;
            //console.log(arr);
            /*读取数组中指定的元素
             * 语法：数组[索引]
             * 如果读取不存在的索引，它不会报错，而是返回undefined
             */
            //console.log(arr[2]);
            /*获取数组的长度
             * 可以使用length属性来获取数组的长度(元素个数)
             * 语法：数组.length
             * 对于连续的数组，使用length可以获取到数组的长度(元素个数)
             * 对于非连续的数组，使用length会获取到数组的最大索引+1，尽量不要非连续的数组。
             * 因为数组在内存中会根据你的索引来开辟一块连续的内存空间，这块内存空间大小根据数组
             * 的最大索引来决定
             */
            var array2=new Array();
            array2[0]=10;
            array2[5]=60;
            //console.log(array2.length);
            /*修改数组的长度
             *     如果修改的length大于原长度，则多出部分会空出来
             *     如果修改的length小于原长度，则多出的元素会被删除
             */
            var array3=new Array();
            array3[0]=10;
            array3[1]=20;
            array3[2]=30;
            array3[3]=40;
            array3.length=3;
            //console.log(array3);
            /*向数组的最后一个位置添加元素
             * 语法：数组[数组.length]=值;
             */
            var array4=new Array();
            array4[0]=10;
            array4[1]=20;
            array4[array4.length]=30;
            array4[array4.length]=40;
            console.log(array4);
</script>

数组也可以存属性名，因为数组也是对象，不过这样做没有意义。

 //创建数组对象
            var arr=new Array();
            arr.hello=123;
            console.log(arr.hello);

输出结果如下图：