Array_JavaScript

女爷i 2024-03-31 12:58 60阅读 0赞

## Array ##

**学习路线**：[JavaScript基础语法（输出语句）][JavaScript]\->[JavaScript基础语法（变量）][JavaScript 1]\->[JavaScript基础语法（数据类型）][JavaScript 2]\->[JavaScript基础语法（运算符）][JavaScript 3]\->[JavaScript基础语法（流程控制语句）][JavaScript 4]\->[JavaScript基础语法（类型转换）][JavaScript 5]\->[JavaScript基础语法（函数）][JavaScript 6]\->[Array\_JavaScript][Array_JavaScript]\->[String\_JavaScript][String_JavaScript]\->[自定义对象\_JavaScript][JavaScript 7]\->[JavaScript\_BOM][JavaScript_BOM]\->[Window对象][Window]\->[confirm()、setInterval()、setTimeout()][confirm_setInterval_setTimeout]\->[History、Location][History_Location]\->[闪烁的灯泡][Link 1]\->[JavaScript\_DOM][JavaScript_DOM]\->[事件绑定(onclick,onfocus,onblur)][onclick_onfocus_onblur]\->  
[事件绑定(onmouseout,onmouseover)  
][onmouseout_onmouseover_]\->[事件绑定(onsubmit)表单提交  
][onsubmit_]\->[提交表单与验证表单案例  
][Link 2]  
**简介**：Array对象。

`JavaScript Array`对象用于定义数组

### 定义格式 ###

数组的定义格式有两种：

*  方式1
    
        var 变量名 = new Array(元素列表);
    
    例如：
    
        var arr = new Array(1,2,3);
 *  方式2
    
        var 变量名 = [元素列表];
    
    例如：
    
        var arr = [1,2,3];
    
    注意：Java中的数组静态初始化使用的是\{\}定义，而 JavaScript 中使用的是 \[\] 定义

### 元素访问 ###

访问数组中的元素和 Java 语言的一样，格式如下：

arr[索引] = 值;

**代码演示：**

// 方式一
    var arr = new Array(1,2,3);
    // alert(arr);
    
    // 方式二
    var arr2 = [1,2,3];
    //alert(arr2);
    
    // 访问
    arr2[0] = 10;
    alert(arr2)

### 特点 ###

JavaScript 中的数组相当于 Java 中集合。数组的长度是可以变化的，而 JavaScript 是弱类型，所以可以存储任意的类型的数据。

例如如下代码：

// 变长
    var arr3 = [1,2,3];
    arr3[10] = 10;
    alert(arr3[10]); // 10
    alert(arr3[9]);  //undefined

上面代码在定义数组中给了三个元素，又给索引是 10 的位置添加了数据 10，对于 `索引3` 到 `索引9` 就是 `undefined`。

如果给 `arr3` 数组添加字符串的数据，也是可以添加成功的

arr3[5] = "hello";
    alert(arr3[5]); // hello

### 属性 ###

Array 对象提供了很多属性，如下图是官方文档截取的

![在这里插入图片描述][2a0d640b9b3d4bc09ee92f066a27b27a.png]

**数组的遍历**

var arr = [1,2,3];
    for (let i = 0; i < arr.length; i++) {
        
        alert(arr[i]);
    }

### 方法 ###

Array 对象同样也提供了很多方法，详情可见去见[官方文档][Link 3]。

下面是两个比较常用的。

*  `push`函数：给数组添加元素，也就是在数组的末尾添加元素
    
    参数表示要添加的元素
    
        // push:添加方法
        var arr5 = [1,2,3];
        arr5.push(10);
        alert(arr5);  //数组的元素是 {1,2,3,10}
 *  `pop`函数：删除元素
    
        // splice:删除元素
        var arr5 = [1,2,3];
        arr5.pop();
        alert(arr5);  //数组的元素是 {1,2}
 *  `splice`函数：删除元素
    
    参数1：索引。表示从哪个索引位置删除
    
    参数2：个数。表示删除几个元素
    
        // splice:删除元素
        var arr5 = [1,2,3];
        arr5.splice(0,1); //从 0 索引位置开始删除，删除一个元素 
        alert(arr5); // {2,3}

[JavaScript]: https://blog.csdn.net/qq_51447496/article/details/128085137
[JavaScript 1]: https://blog.csdn.net/qq_51447496/article/details/128085348
[JavaScript 2]: https://blog.csdn.net/qq_51447496/article/details/128086148
[JavaScript 3]: https://blog.csdn.net/qq_51447496/article/details/128086681
[JavaScript 4]: https://blog.csdn.net/qq_51447496/article/details/128088817
[JavaScript 5]: https://blog.csdn.net/qq_51447496/article/details/128087248
[JavaScript 6]: https://blog.csdn.net/qq_51447496/article/details/128088986
[Array_JavaScript]: https://blog.csdn.net/qq_51447496/article/details/128089474
[String_JavaScript]: https://blog.csdn.net/qq_51447496/article/details/128089631
[JavaScript 7]: https://blog.csdn.net/qq_51447496/article/details/128089766
[JavaScript_BOM]: https://editor.csdn.net/md/?articleId=128095193
[Window]: https://blog.csdn.net/qq_51447496/article/details/128095300
[confirm_setInterval_setTimeout]: https://blog.csdn.net/qq_51447496/article/details/128103458
[History_Location]: https://blog.csdn.net/qq_51447496/article/details/128104240
[Link 1]: https://blog.csdn.net/qq_51447496/article/details/128095524
[JavaScript_DOM]: https://blog.csdn.net/qq_51447496/article/details/128104720
[onclick_onfocus_onblur]: https://blog.csdn.net/qq_51447496/article/details/128110532
[onmouseout_onmouseover_]: https://blog.csdn.net/qq_51447496/article/details/128112439
[onsubmit_]: https://blog.csdn.net/qq_51447496/article/details/128112553
[Link 2]: https://blog.csdn.net/qq_51447496/article/details/128112770
[2a0d640b9b3d4bc09ee92f066a27b27a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/31/30a53026b0cf4e60905f40677f0e1eb1.png
[Link 3]: https://www.w3school.com.cn/w3c/w3c_intro.asp

Array_JavaScript

发表评论取消回复

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

相关阅读