1. 数组的定义
数组的概念: 数组就是一组有序的数据的集合 数组 array, 以[]表示
// "韩信", "李白", "刘备", "关羽", "张飞"
var arr1 = [];
console.log(arr1);
var arr2 = ["韩信", "李白", "刘备", "关羽", "张飞"];
console.log(arr2);
数组中可以存放任何数据类型的值
var arr3 = [3.14, "gz2149", null, undefined, true];
console.log(arr3);
数组[]里面的每一项元素, 用逗号隔开 (数组的语法)
2.数组的声明
用数组字面量声明数组(推荐使用字面量声明数组)
var arr1 = [];
console.log(arr1);
var arr2 = ["韩信", "李白", "刘备", "关羽", "张飞"];
console.log(arr2);
用构造函数来声明数组(作为了解即可)
var arr3 = new Array();
console.log(arr3);
var arr4 = new Array(8);
console.log(arr4);
var arr5 = new Array("韩信", "李白", "刘备", "关羽", "张飞");
console.log(arr5);
3.访问或修改数组元素
数组的下标: 数组中的每一个元素, 都有一个唯一的索引(序号), 叫做下标 数组的下标是从0开始 通过数组的下标, 可以访问数组中的元素
// 访问数组中的元素, 语法: 数组[下标]
var numbers = ["zero", "one", "two", "three", "four", "five"];
console.log( numbers );
console.log( numbers[2] ); // two
console.log( numbers[5] ); // five
// 修改数组中的元素 语法: 数组[下标] = "新值"
numbers[4] = "D";
console.log( numbers ); // ["zero", "one", "two", "three", "D", "five"];
// 给空数组添加新值
var empty = [];
console.log("empty =>", empty);
empty[0] = "a";
empty[1] = "b";
empty[2] = "c";
empty[9] = "d";
console.log("empty =>", empty); // ["a", "b", "c", empty*6, "d"]
遍历数组
var arr = ["韩信", "李白", "刘备", "关羽", "张飞"];
// 如何 拿到数组的某一项
// console.log( arr[1] ); // 李白
console.log(arr);
// 如何 拿到数组的每一项
for(var i=0; i < arr.length; i++){
console.log(arr[i]);
}
4.数组的长度
数组的长度: 每一个数组都有一个length属性, 数组的长度指出了数组中当前包含多少元素
var arr1 = ["韩信", "李白", "刘备", "关羽", "张飞"];
console.log("数组的长度 =>", arr1.length)
// length属性实际上是数组的最大下标值+1
arr1[9] = "孙尚香";
console.log(arr1);
console.log("数组的长度 =>", arr1.length); // 10
// 可以设置数组长度, 但是不建议
arr1.length = 1000;
console.log(arr1);
5. for in循环
// for循环
for(var i = 0; i<arr.length; i++){
console.log(i); //下标
console.log( arr[i] ); // 数组中的每一项
}
// for in 循环的语法: for(var key in object)
for(var index in arr){
console.log(index); // 下标
console.log(arr[index]); // 数组中的每一项
}
// for of 循环, 获取数组中的每一项 (只能操作数组)
for(var item of arr){
console.log(item); // 数组中的每一项
}
6.往数组尾部插入元素
通过下标 给数组添加元素
var arr = ["甲", "乙", "丙", "丁"]; // 长度为4
console.log(arr);
// 往数组中插入新元素
arr[4] = "A"
console.log(arr); // 长度为5
arr[5] = "B"
console.log(arr); //长度为6
// 往下标6插入元素
arr[arr.length] = "C" // 长度为7
// 往下标7插入元素
arr[arr.length] = "D" // 长度为8
// 往下标8插入元素
arr[arr.length] = "E" // 长度为9
push() 从数组尾部, 插入一个或多个元素
// 数组.push(要插入的元素)
var arr = ["甲", "乙", "丙", "丁"];
console.log(arr); // ["甲", "乙", "丙", "丁"]
// 可以插入一个元素
arr.push("A");
console.log(arr); //["甲", "乙", "丙", "丁", "A"]
// 可以插入多个元素
arr.push("B", "C", "D", 1, 2, 3, [] );
console.log(arr); //["甲", "乙", "丙", "丁", "A"]