【JavaScript】Array 对象（一）[创建填充数组方式、删除数组项方式]

深碍√TFBOYSˉ_ 2022-05-30 06:40 121阅读 0赞

与其他编程语言不同，JavaScript 的数组对存储在数组中每个单元或者数组项中的数据类型要求不是很严格。

#### 创建空数组 ####

要创建新的数组对象，可使用静态 Array 对象的构造函数方法。例如：

var myArray = new Array();

与其他许多编程语言不同，预先设置 JavaScript 数组的大小没有什么特别的好处。如果需要先设置数组的大小，可以指定数组的初始大小作为构造函数的参数。例如，下面创建一个新数组，它可容纳 500 条唱片信息。

var myCDCollection = new Array(500);

#### 填充数组 ####

solarSys = new Array();
    solarSys[0] = "Mercury";
    solarSys[1] = "Venus";
    solarSys[2] = "Earth";
    solarSys[3] = "Mars";
    solarSys[4] = "Jupiter";

上面这种最基本的填充数组方法没有什么好说的，

这里我想记录下一个变体：因为 JavaScript 数组是基于 0 的，数组的 length 属性总是把数组的尾部指针指向要填充的下一项。直接看下列效果图：  
![这里写图片描述][70]  
像这样给数组元素赋值将便于以后编辑脚本，以添加或删除元素，而不必修改后续的所有下标。

如果知道数据的顺序，就可以使用一种更简洁的方式来创建数组。这种方式不编写一系列赋值语句，但可以把数据作为用逗号隔开的参数传给 Array() 构造函数，来创建所谓的紧凑数组：

solarSys = new Array("Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn");

#### 字面量符号 ####

这是常规的紧凑数组构造函数

solarSys = new Array("Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn");

另一种创建紧凑数组的方式，接受新的字面量符号

solarSys = ["Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn"];

#### 删除数组项 ####

（一）delete 方式

删除一个数组元素，会从可访问的索引值列表中清除索引，但是数组的长度不会减少，如下所示：

solarSys.length    // result: 6
    delete solarSys[2]  
    solarSys.length    // result: 6
    solarSys[2]        // result: undefined

（二）splice 方式

如果要更加严格地控制数组元素的删除，可以考虑使用 splice 方法。

`array.splice(index, howmany, item1,...,itemX)`

*  index：必需。规定从何处添加/删除元素
 *  howmany：必需。规定应该删除多少元素。
 *  item1,…,itemX：可选。要添加到数组的新元素。

实例1：从下标2的位置开始，删除0个元素，并添加”Lemon”、”Kiwi”

var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,0,"Lemon","Kiwi");
    
    // result: Banana,Orange,Lemon,Kiwi,Apple,Mango

实例2：从下标2的位置开始，删除1个元素，并添加”Lemon”、”Kiwi”

var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,1,"Lemon","Kiwi");
    
    // result: Banana,Orange,Lemon,Kiwi,Mango

实例3：从下标2开始，删除2个元素，不添加元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
    fruits.splice(2,2);
    
    // result: Banana,Orange

[70]: /images/20220530/6b86a367b6bc4a2e8f92dad1fdfff94f.png

【JavaScript】Array 对象（一）[创建填充数组方式、删除数组项方式]

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 react setState 数组、对象多种方式

相关创建数组（两种方式）

相关 js创建数组(js创建数组并填充数据)

相关 JavaScript - 根据对象数组中某一属性删除该项（根据数组对象属性删除里面的对象）

相关 JavaScript - 根据数组对象中每项的 ID 删除当前项

相关【数组】---26. 删除有序数组中的重复项

相关【JavaScript】Array 对象（一）[创建填充数组方式、删除数组项方式]

相关删除数组重复项

相关 ES6--数组（数组创建、填充、遍历、包含、数组缓冲区、定型数组、扩展运算符）

相关数组方式使用jQuery对象