美文网首页工作生活
JavaScript数组详解(Array)(一)

JavaScript数组详解(Array)(一)

作者: 任建坤123 | 来源:发表于2019-07-03 01:07 被阅读0次

首先我们要了解什么是数组,也就是数组的定义是什么?

数组就是: 值的有序集合,每个值叫做一个元素,每元素在数组中都有一个位置,以数字表示,称为下标(索引)
数组也是对象的一种,ES数组的每一项可以保存任何类型的数据。
1、数组的创建方式(两种)
使用new关键字+Array构造函数创建数组(new操作符可以省略)。

例如:

    var arr = new Array();//使用new+Array创建
    var arr1 = Array();//省略new

如果预先知道数组的项目数量,也可以给构造函数传递该数量,而该数量会自动成为length属性的值。

比如:

    var arr = new Array(20);   //创建的新数组
    console.log(arr.length);//20,如果数组内容只是一个数值的话,数值就代表数组的长度,
                                //所以数组的长度为20,

也可以向Array构造函数传递数组中应该包含的项。

 例如
    var arr = new Array("aaa,"bbb","ccc");//创建了一个长度为3的新数组
    console.log(arr.length);//3,数组的长度为三,因为里面包含的内容是3个字符串,以逗号隔开的

2, 数组字面量表示法创建数组

数组字面量由一对包含数组项的方括号表示("[]"),多个数组项之间以逗号隔开。

例如:

    var arr = ["aaa","bbb","ccc"]; //定义了一个长度为3的字符串数组
    console.log(arr.length);     //3 
    var arr1 = [];         //创建一个空数组
    console.log(arr1.length);     //0

在读取和设置数组的值时,要使用方括号并提供相应的基于0的数字索引(位置)。

例如:

    var arr = ["aaa","bbb","ccc"]; //定义了一个长度为3的字符串数组 
    console.log(arr[0]);   aaa, //显示第一项 "aaa"
    arr[2] = "ddd"
    console.log(arr[2]); ddd ,//修改第三项
    arr[3] = "fff"
    console.log(arr[3]); fff ,//新增第四项

数组的length属性
特点:不是只读的。也就是说通过设置这个属性,可以从数组的末尾移除或向数组中添加新项。

例如:

    var arr = ["aaa","bbb","ccc"]; //定义了一个长度为3的字符串数组
    arr.length = 2;       //设置数组长度为2
    console.log(arr[2]);   //undefined 

    var arr1 = ["red","blue","green"]; //定义了一个长度为3的字符串数组
    arr1.length = 4;          //设置数组长度为4
    console.log(arr1[3]);   //undefined

利用length属性也可以方便地在数组末尾添加新项。
数组最后一项的索引始终是 length-1 ,所以下一个新项对应的位置就是 length。

例如:
    var colors = ["red","blue","green"]; //定义了一个长度为3的字符串数组
    colors[colors.length] = "black";     //(在位置3)添加一种颜色
    colors[colors.length] = "brown";     //(在位置4)添加一种颜色

    var colors = ["red","blue","green"]; //定义了一个长度为3的字符串数组
    colors[99] = "black";   //(在位置99)添加一种颜色
    console.log(colors.length); //100 

好了,今天就暂时到这里了,想知道更多的可以点个关注,

愚才疏学浅,故难免有错漏,敬请海涵,还望不吝指出,万分感激!!!

相关文章

网友评论

    本文标题:JavaScript数组详解(Array)(一)

    本文链接:https://www.haomeiwen.com/subject/tcwxhctx.html