javascript 数组常用的方法

什么是数组?

数组对象是使用单独的变量名来存储一系列的值。

如何创建数组?

创建数组有三种方式:

1.字面量

var arr1 = [1,2,3]

2.简介方式

var arr2 = new Array ('a','b','c')

3.常规方式

var  arr3 = new Array ()

arr3[0] = 'A'

arr3[1] = 'B'

arr3[2] = 'C'

数组常用的方法

1. array.indexOf(item,start)

返回数组中某个元素的索引 , 如果在数组中没找到指定元素则返回 -1

item	必须。查找的元素。
start	可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

2. array.push()

在数组末尾添加一个或多个元素 , 会改变原数组

3. array.pop()

删除数组最后一个元素 , 没有参数, 一次只能删除一个 , 改变原数组,返回值是删除的元素

4 . array.unshift()

在数组开头添加一个或多个元素 , 改变原数组

5. array.shift()

删除数组第一个元素, 没有参数, 一次只能删除一个 , 改变原数组,返回值是删除的元素

6.array.reverse()

翻转数组

7. array.sort()

数组排序(冒泡排序)
        var arr1 = [13, 4, 77, 1, 7];
        arr1.sort(function(a, b) {
            //  return a - b; 升序的顺序排列
            return b - a; // 降序的顺序排列
        });
        console.log(arr1);
    直接使用sort方法会出现问题, 如果数字是两位数的话, 就会首先第一位的数字进行比较, 再第二      位的数字进行比较, 就不满足我们的需求

    所以需要给sort方法里面传一个函数, 才可以满足我们的需求

8. array.join()

将数组转化为字符串

var arr1 = ['green', 'blue', 'pink'];
console.log(arr1.join());    // green,blue,pink
console.log(arr1.join('-'));    // green-blue-pink
console.log(arr1.join('&'));    // green&blue&pink

9. array.find()

主要应用于查找 第一个符合条件的数组元素

它的参数是一个回调函数。在回调函数中可以写你要查找元素的条件，当条件成立为true时，返回该元素。如果没有符合条件的元素，返回值为undefined

回调函数有三个参数。value：当前的数组元素。index：当前索引值。arr：被查找的数组。
    const myArr=[1,2,3,4,5,6];

var v=myArr.find(value=>value>4);
console.log(v);// 5

var v=myArr.find(value=>value>40);
console.log(v);// undefined

10. array.findIndex()

主要应用于查找 第一个符合条件的数组元素的索引    
如果没有符合条件元素时findIndex()返回的是-1

与find()类似

11.array.filter()

与find()相似

filter()返回的是数组，数组内是所有满足条件的元素
如果条件不满足，filter()返回的是一个空数组
    数组去重：
var myArr = [1,3,4,5,6,3,7,4];
console.log(myArr.filter((value,index,arr)=>arr.indexOf(value)===index));
//[ 1, 3, 4, 5, 6, 7 ]

12.array.reduce()

计算数组元素相加后的总和
 arr.reduce(function(prev,cur,index,arr){
...
}, init);

其中，
arr 表示原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值。
        reduce() 是数组的归并方法，与forEach()、map()、filter()等迭代方法一样都会对数组每一项进行遍历，但是reduce() 可同时将前面数组项遍历产生的结果与当前遍历项进行运算，这一点是其他迭代方法无法企及的

13. array.splice()

splice() 方法从数组中  添加/删除项目，然后返回被删除的项目。

该方法会改变原始数组。
    语法:
arr.splice(index,howmany,[item1,.....,itemX])
        index    必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany    必需。要删除的项目数量。如果设置为 0，则不会删除项目。
item1, ..., itemX    可选。向数组添加的新项目。

14.array.every()

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。
    every() 方法使用指定函数检测数组中的所有元素：

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。
注意： every() 不会对空数组进行检测。

注意： every() 不会改变原始数组。
        array.every(function(currentValue,index,arr), thisValue)
            currentValue    必须。当前元素的值
index    可选。当前元素的索引值
arr    可选。当前元素属于的数组对象
thisValue    可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。
如果省略了 thisValue ，"this" 的值为 "undefined"

15. array.some()

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

• 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
• 如果没有满足条件的元素，则返回false。

注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

16.array.map()

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

17.array.forEach()

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

注意: forEach() 对于空数组是不会执行回调函数的。

forEach 陷阱 :
    return 只能退出本次循环, 没有返回值

18 . array.includes()

includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。