Array_JavaScript

Array

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->
事件绑定(onmouseout,onmouseover)
->事件绑定(onsubmit)表单提交
->提交表单与验证表单案例

简介：Array对象。

JavaScript Array对象用于定义数组

定义格式

数组的定义格式有两种：

• 方式1

  var 变量名 = new Array(元素列表); 
  1

  例如：

      var arr = new Array(1,2,3); 
  1

• 方式2

  var 变量名 = [元素列表];
  1

  例如：

  var arr = [1,2,3]; 
  1

  注意：Java中的数组静态初始化使用的是{}定义，而 JavaScript 中使用的是 [] 定义

元素访问

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

arr[索引] = 值;
1

代码演示：

 // 方式一
var arr = new Array(1,2,3);
// alert(arr);

// 方式二
var arr2 = [1,2,3];
//alert(arr2);

// 访问
arr2[0] = 10;
alert(arr2)
1
2
3
4
5
6
7
8
9
10
11

特点

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

例如如下代码：

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

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

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

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

属性

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

数组的遍历

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

方法

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

下面是两个比较常用的。

• push函数：给数组添加元素，也就是在数组的末尾添加元素

  参数表示要添加的元素

  // push:添加方法
  var arr5 = [1,2,3];
  arr5.push(10);
  alert(arr5);  //数组的元素是 {1,2,3,10}
  1
  2
  3
  4

• pop函数：删除元素

  // splice:删除元素
  var arr5 = [1,2,3];
  arr5.pop();
  alert(arr5);  //数组的元素是 {1,2}
  1
  2
  3
  4

• splice函数：删除元素

  参数1：索引。表示从哪个索引位置删除

  参数2：个数。表示删除几个元素

  // splice:删除元素
  var arr5 = [1,2,3];
  arr5.splice(0,1); //从 0 索引位置开始删除，删除一个元素 
  alert(arr5); // {2,3}
  1
  2
  3
  4