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(元素列表);
- 例如:
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 对象提供了很多属性,如下图是官方文档截取的
数组的遍历
var arr = [1,2,3]; for (let i = 0; i < arr.length; i++) { alert(arr[i]); }
方法
Array 对象同样也提供了很多方法,详情可见去见官方文档。
下面是两个比较常用的。
- 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}