数组的方法 =========

93 阅读5分钟

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

如何创建数组? 创建数组有三种方式:

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。

———————————————— 版权声明:本文为CSDN博主「屹洲城主」的原创文章 原文链接:blog.csdn.net/weixin_5872…