js-数组的使用

1 创建数组

let arr = new Array();

2 数组方法

(1) 数组的首尾增删操作（★）

array.push();//从后面添加元素，返回新数组的length
array.pop();//从数组的后面删除元素，返回删除的那个元素
array.unshift();//从数组的前面的添加元素，返回新数组的长度
array.shift();//从数组的最前面删除元素，返回删除的那个元素

(2) 数组转换（★）数组转字符串：array.join(' ')

// 语法：array.join([separator])
// 作用：将数组的值连接成一个字符串
// 参数:
// 1. 不传递参数  => 默认会使用逗号进行连接 
// 2. 传递连接符  => 连接符号
// 3. 传递一个空值 => 数组的每一项直接连接起来 中间没有连接符 
let arr = ['赵云', '马超', '刘备', '关羽', '张飞'];
let str = arr.join('❤');
console.log(str);
// ------------------------------------------
let str = arr.join('');
console.log(str);

(3) 数组的翻转

array.reverse(); // 翻转数组 返回的是原数组

（4）数组的排序 

// array.sort([compareFunction]);
// 参数情况 => compareFunction是一个函数, 该函数接受两两比较的参数,根据返回值确定是否需要交换两个数的位置
// 1. 不传递参数: 默认会以字符串的排序规则排列
// 2. 如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前；
// 3. 如果 compareFunction(a, b) 大于 0 ，那么 b 会被排列到 a 之前。

（5）数组查找元素

// indexOf方法用来查找数组中某个元素第一次出现的位置，如果找不到，返回-1
// 语法: array.indexOf(search, [fromIndex]);
// 参数1: search: 需要检索的数据
// 参数2: [fromIndex]: 起始的下标 默认从0开始
// 返回值: 对应的下标或者 -1

// 示例
let arr = ['a', 'b', 'c', 'b', 'd', 'e', 'f', 'ade'];
console.log(arr.indexOf('a')); // ?0
console.log(arr.indexOf('d')); // ?4
console.log(arr.indexOf('h')); // ?-1
console.log(arr.indexOf('ad')); // ?-1
console.log(arr.indexOf('b')); // ?1
console.log(arr.indexOf('b', 2)); // ?3

//lastIndexOf()从后面开始查找数组中元素出现位置,如果找不到，返回-1
array.lastIndexOf(search, [fromIndex]);

（6）数组的拼接与截取

// concat：数组合并，不会影响原来的数组，会返回一个新数组。
// 参数: 数组或者值
// let newArray = old_array.concat(value1[, value2[, ...[, valueN]]]);

// 示例
let arr = [1, 2, 3];
let arr2 = [4, 5, 6];
let newArr = arr.concat(arr2, 7, 8);
console.log(newArr);

// slice:数组切分，复制数组的一部分到一个新数组，并返回这个数组 不修改原数组
// let newArray = array.slice([start [, end]]);
// 1. 不传参数 => 复制一个新数组
// 2. 传递一个参数 => 数组名.slice(起始的下标) => 从这个下标一直提取到结束
// 3. 传递两个参数 => 数组名.slice(起始的下标, 结束的下标) => 从起始下标到结束下标, 不包括结束下标
let arr = ['赵云', '马超', '刘备', '关羽', '张飞'];
let arr2 = arr.slice();
let arr3 = arr.slice(2);
let arr4 = arr.slice(2, 4);

// splice: 删除数组元素或者增加数组元素或者替换数组元素
// array.splice(start [, deleteCount, [items[, item2[, ...]]]]);
// start:开始位置下标  deleteCount:删除的个数  items:替换的内容
// 返回值: 删除的那个元素组合而成的数组
// 删除示例
let arr = ['赵云', '马超', '刘备', '关羽', '张飞'];
let result = arr.splice(2, 1);
console.log(arr); // ?
console.log(result); // ?
// ----------------------------------------------------
// 替换示例
let result = arr.splice(2, 1, '飞飞');
console.log(arr); // ?
console.log(result); // ?
// ----------------------------------------------------
// 增加示例
let result = arr.splice(2, 0, '飞飞', '岐哥');
console.log(arr); // ?

（7）清空数组

// 1. array.splice(0,array.length);//删除数组中所有的元素
// 2．array.length = 0;//直接修改数组的长度

// 3．array = []; //将数组赋值为一个空数组，推荐

3 ES5新增数组方法

对象调用的方法	作用	返回值
array.forEach(function(value, index, array){})	遍历	无
array.map(function(value, index, array){})	遍历&返回	新数组
array.filter(function(value, index, array){ return 条件 })	过滤&返回	新数组
array.reduce(function(sum, value, index, array) {}, 0)	遍历&累计	累计结果
array.every(function(value, index, array){ return 条件})	遍历&判断	布尔值
array.some(function(value, index, array){return 条件})	遍历&判断	布尔值

array.every(function(item, index, array){ return 条件})	遍历&判断是否都满足条件	布尔值
array.some(function(item, index, array){return 条件})	遍历&判断是否有某个满足条件	布尔值
Array.from(伪数组)	伪数组转真数组	真数组

4 ES6新增数组方法

对象调用的方法	作用	返回值
array.find(function(item, index) { return 条件 })	遍历查找	找到的项 / undefined
array.findIndex(function(item, index) { return 条件 })	遍历查找	下标 / -1