Array常用方法

es5及以前

方法名	语法	返回值	改变原数组	作用	备注
concat()合并数组	array1.concat(array2,array3,...,arrayX)	新array	不改变	数组加数组
every()遍历检查	array.every(function(currentValue,index,arr), thisValue)	boolean	不改变	是否所有元素都符合条件
filter()过滤	array.filter(function(currentValue,index,arr), thisValue)	新array	不改变	符合条件的元素组成新的数组
indexOf()找元素	array.indexOf(item,start)	index	不改变	寻找是否有某元素返回该元素第一次出现的索引	没找到返回-1
join()

concat() 合并数组

实例：

const array1 = ['vue','react']
const array2 = ['angular']
const array3 = ['jQuery']
const result = array1.concat(array2,array3) // result = ['vue','react','angular','jQuery']

语法： array1.concat(array2,array3,...,arrayX)

参数：

参数	是否必须	描述
array1,array2,......,arrayX	是（可穿一个，可传多个）	该参数可以是具体的值，也可以是数组对象。可以是任意多个。

返回值：

Type	描述
Array对象	返回一个新的数组，该数组是通过把所有arrayX参数添加到arrayObject中生成的。如果要进行concat()操作的参数是数组，那么添加的是数组中的元素，而不是数组

every()遍历检查

• 实例：

var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.every(checkAdult);
}

• 语法：

array.every(function(currentValue,index,arr), thisValue)

• 参数：

参数	子参数	是否必须	描述
function(currentValue, index,arr)		是	函数，数组中的每个元素都会执行这个函数
	currentValue	是	当前遍历值
	index	否	索引
	arr	否	数组对象
thisValue		否	对象作为该执行回调时使用，传递给函数，用作 "this" 的值。如果省略了 thisValue ，"this" 的值为 "undefined"

• 返回值：

Type	描述
boolean	如果所有元素都通过检测返回 true，否则返回 false。

filter() 过滤

一句话：符合条件的元素组成新的数组

实例：

var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}

function myFunction() {
    document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

// 32,33,40

join() 数组转字符串

示例：

const array = ['vue','react','jQuery']
const result = array.join()     // result = 'vue,react,jQuery'
const result2 = array.join(':')     // result2 = 'vue:react:jQuery'