数组

数组基础

数组：一组数据的集合

1.创建数组

1. 利用字面量创建数组

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

2. 利用new Array()创建数组

var arr = new Array();

2.获取数组下标

数组名[下标]，下标从0开始

arr[2]; // 3

3.获取数组长度

数组名.length

arr.length; // 4

4.遍历数组

for(var i=0; i < arr.length; i++) {
	console.log(arr[i]);
}

数组的方法

1.添加数组元素

1. push()：在数组的尾部添加一个或多个元素，放回新数组的长度

var arr = [1, 2, 3, 4]
arr.push('limi', 24);  // 6
console.log(arr); // [1, 2, 3, 4, 'limi', 24]

2. unshift()：在数组的开头添加一个或多个元素，返回新数组的长度

var arr = [1, 2, 3, 4, 'limi', 24]
arr.unshift('厘米', 'girl');
console.log(arr); // ['厘米', 'girl', 1, 2, 3, 4, 'limi', 24]

2. 删除数组元素

1. pop()：在数组的尾部每次只能删除一个元素，返回被删除的元素

var arr = ['厘米', 'girl', 1, 2, 3, 4, 'limi', 24];
arr.pop(); // 24
console.log(arr);  // ['厘米', 'girl', 1, 2, 3, 4, 'limi']

2. shift()：在数组的开头每次只能删除一个元素，返回被删除的元素

var arr = ['厘米', 'girl', 1, 2, 3, 4, 'limi'];
arr.shift(); // 厘米
console.log(arr); // ['girl', 1, 2, 3, 4, 'limi']

3. 数组翻转

reverse()：数组翻转，返回一个新数组

var arr = ['girl', 1, 2, 3, 4, 'limi'];
arr.reverse(); // ["limi", 4, 3, 2, 1, "girl"]

4.数组排序

var arr2 = [3, 2, 5, 6, 1]
// 升序
arr2.sort(function (a, b) { return a - b }); // [1, 2, 3, 5, 6]
// 降序
arr2.sort((a, b) => b-a); // [6, 5, 3, 2, 1]

5.返回指定元素的下标

1. indexOf()：返回查找到的第一个元素的下标，找不到返回-1

var arr1 = ['a', 'b', 'c','c','b', 'd']
console.log(arr1.indexOf('b')); // 1

2. lastIndexOf()：返回查找到的最后一个元素的下标，找不到返回-1

var arr1 = ['a', 'b', 'c','c','b', 'd']
console.log(arr1.lastIndexOf('c')); // 3

6. 数组拼接

concat()：将两个或多个数组拼接，返回新数组

var arr4 = ['limi', 24];
var arr5 = ['厘米', 24];
console.log(arr4.concat(arr5)); // ["limi", 24, "厘米", 24]

7.数组转字符串

1. toString()：将数组转换为字符串，返回字符串

var arr8 = ['a', 'b', 'c', 1, 2, 3]
console.log(arr8.toString()); // a,b,c,1,2,3

2. join(分隔符)：使用分隔符将数组元素分隔开，返回字符串

var arr8 = ['a', 'b', 'c', 1, 2, 3]
console.log(arr8.join('-')); // a-b-c-1-2-3

8.截取数组

1. splice(start, deletecount)：将数组截取，返回截取的数组

var arr9 = ['a', 'bb', 'c', 'd', 'e']
console.log(arr9.splice(1, 3)); // ['bb', 'c', 'd']

2. slice(start, end)：将数组截取，返回截取字符串，不包括下标为end的元素

var arr10 = ['a', 'b', 'c', 'd', 'e']
console.log(arr10.slice(1, 4)); // ['b', 'c', 'd']

ES5新增的方法

forEach()、filter()、some()的参数都是一个回调函数，该回调函数有三个参数： 参数1：数组元素；参数2：元素下标；参数3：当前数组。

forEach()和some()的区别：

• 查找唯一元素时，some()的效率高，因为在some()里遇到return true就终止循环；forEach 遇到return不会停止迭代；

1. 遍历数组

forEach()：遍历数组。

var arr = [4, 5, 6, 7, 8];
arr.forEach(function(item, index, arr) {
	console.log('数组元素：' + item);
    console.log('数组下标：' + index);
    console.log('当前数组：' + arr);
})

2. 过滤数组

filter()：过滤数组，返回一个数组

var arr = [4, 5, 6, 7, 8];
const newArr = arr.filter((value, index, arr) => {
	return value > 5
})
console.log(newArr); // [6, 7, 8]

3.查找数组

some()：查找数组是否有满足条件的元素，返回布尔值；只有查找到满足条件的一个元素就终止循环

var arr = [4, 5, 6, 7, 8];
var flag = arr.some((value, index, arr) => {
	return value < 5
})
console.log(flag); // true