JS 数组

1.JavaScript中数组的特点

1. 数组长度可以动态改变。
2. 同一个数组中可以存储不同的数据类型。
3. 数据的有序集合
4. 每个数组都有一个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：迭代遍历的那个元素的下标
//可以在匿名函数内部书需要的代码

1.png

传入一个回调函数，每遍历出一个元素，这个回调函数就被执行一次！

2.png

5.数组常用方法

1.转换方法
toString() 方法 和 join()

1.png

2.栈方法(操作末尾)
push和pop就是用来向数组的末尾添加和删除元素的。

2.png

栈：一种数据结构。特点：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.png

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：要添加的元素

8.png

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  如果两边都是对象，比较的是地址值

如果两边都是对象，比较的是地址值
如果有一方不是对象，则会进行类型的转换