1.JavaScript中数组的特点
- 数组长度可以动态改变。
- 同一个数组中可以存储不同的数据类型。
- 数据的有序集合
- 每个数组都有一个length属性,表示的是数组中元素的个数
2.数组的创建
1.字面量方式创建
var arr = []; //使用字面量声明一个数组
var arr = [10,"a"]; //多个数据之间用逗号隔开
console.log(arr.length); //数组的长度:数组中元素的个数
2.访问数组中的元素
使用数组的下标(索引、index)
从0开始...
console.log(arr[0]); //访问数组中下标为0的元素(第一个元素)
console.log(arr[3]); //当访问的元素不存在,则返回undefined
3.修改数组中的元素
arr[0] = 20;
console.log(arr) // 修改为[20,"a"]
arr[10] = 100; //动态的添加下标为10的元素为 100,数组长度为11;中间未定义的为undefined
console.log(arr.length) //11
4.使用构造函数创建
var arr = new Array(10,"a","b") //创建一个数组,数组中有三个元素
console.log(arr.length); // 3
console.log(arr[arr.length - 1]) ;
只传入一个参数,并且参数是整数number,则这个整数number表示创建的数组的长度
3.数组的长度
arr.length = 5; //修改数组长度为5;
4.数组的遍历
1.使用for循环遍历数组
var arr = [10,20,30,"a","b"];
for(var i = 0 ; i < arr.length; i ++){
console.log(arr[i]); //遍历出数组中的每一个元素
}
2.使用for...in 来遍历数组
for(var i in arr){ //遍历出来的 i 是数组的下标
console.log(arr[i]); //遍历出数组中的每一个元素
}
3.使用for...of 来遍历数组
只能访问数组中的元素,不能修改
for(var s of arr){
console.log(s); //遍历出数组中的每一个元素
}
4.使用forEcah()方法遍历数组
arr.forEach( function(element, index) {
alert(element);
});
//调用数组的forEach方法,传入一个匿名函数
//匿名函数接受两个参数: 参数1--迭代遍历的那个元素 参数2:迭代遍历的那个元素的下标
//可以在匿名函数内部书需要的代码
传入一个回调函数,每遍历出一个元素,这个回调函数就被执行一次!
5.数组常用方法
1.转换方法
toString() 方法 和 join()
2.栈方法(操作末尾)
push和pop就是用来向数组的末尾添加和删除元素的。
栈:一种数据结构。特点:FILO (先进后出)
var arr = [10,20,3,5,7,"a","b"];
//返回入栈成功之后数组的最新长度!
arr.push("abc");//入栈、其实就是把元素添加在数组的末尾!
arr.pop(); //出栈,其实就是删除数组的最后一个元素
console.log(arr)
入栈:push
其实就是把元素添加到数组的末尾
出栈:pop
其实就是删除数组的最后一个元素
3.队列方法(操作最初位置)
队列也是一种数据结构。 特点:FIFO(先进先出)
操作数组最初位置的元素
var arr = [10,20,3,5,7,"a","b"];
arr.shift(); //删除数组的最初位置的元素,一次只能删除一个
arr.unshift(100,200);//在最初的元素之前添加,可以同时添加多个元素
console.log(arr);
添加:unshift
可以一次添加多个
删除:shift
一次只能删除一个
4.数组元素倒置
reverse()
var arr = [10,20,3,5,7,"a","b"];
arr.reverse();//把数组中的元素倒置,直接修改了原数组。
console.log(arr);// ["b","a",7,5,3,20,10]
5.查找数组的下标
indexOf(item): 从前面开始向后查找 item 第一次出现的位置
lastIndexOf(item): 从尾部开始向前查找 item 第一次出现的位置
indexOf(item, fromBack): 从第二个参数的位置开向后始查找 item 第一次出现的位置
lastIndexOf(item, fromForward): 从第二个参数的位置开始向前查找 item 第一次出现的位置
console.log(arr.indexOf(100));//从前向后查找,查找元素首次出现
的位置,如果找不到该元素,则返回-1
console.log(arr.indexOf(10,1)); //参数1:要查找的元素 参数2:开始查找的位置
6.concat()方法 (不会影响原数组)
专门用来连接数组的,返回一个全新的数组。
7.slice()方法 (不会影响原数组)
从原数组中截取出来一个新的数组,不会影响原数组
var arr1 = arr.slice(0,2);//前闭后开 不包括2(从下标为0截取到下标为2的数)
var arri2 = arr.slice(1); //从下标 为1的数截取到末尾
var arri3 = arr.slice(); // 把原数组拷贝过来
8.splice()方法
arr.splice(参数1,参数2,参数3,.....,参数n)
参数1:下标为 的位置开始
参数2:要操作的个数
参数3..参数n:要添加的元素
9.instanceof 和 Array.isArray()
判断是否为数组
10.二维数组(一维数组模拟)
俗一点就是:数组里边套数组。
var arr = [ [1,2], [3,4],[2,4],3,2,"2"];
console.log(arr[0][1];
for(var i = 0; i < arr.length; i++){
for(var j = 0; j < arr[i].length; j++){
console.log(arr[i][j]);//遍历出全部元素
}
}
11.数组比较
var arr1 = [1,2];
var arr2 = [1,2];
console.log(arr1 == arr2); //false 如果两边都是对象,比较的是地址值
如果两边都是对象,比较的是地址值
如果有一方不是对象,则会进行类型的转换