数组的常用方法

86 阅读1分钟

1.map()

map() 方法返回一个新数组,数组中的元素为原数组元素调用函数处理后的值,不会改变原始数组

let arr = [1, 2, 3, 4]
let res = arr.map(item => item + 2)
console.log(res) // [3, 4, 5, 6]

2.find()

find() 方法为数组中的每个元素都调用一次函数执行:当数组中的元素在测试条件时返回true时, find()返回符合条件的元素,之后的值不会再调用执行函数;如果没有符合条件的元素返回 undefined。

let arr = [1, 2, 3, 4]
let res = arr.find(item => item > 3)
console.log(res) // 4

3.filter()

filter()对数组中的每个元素执行回调函数,返回的数组只包含满足条件的元素。

let arr = [1, 2, 3, 4]
let res = arr.filter(item => item > 2)
console.log(res) // [3, 4]

4.reduce()

reduce() 接受一个回调函数作为参数

let arr = [1, 2, 3, 4]
let res = arr.reduce((total, item) => {return total + item}, 0)
console.log(res) // 10

5.forEach()

 var arr = ['1','2','3','4'];
 arr.forEach(function(item,index,self){ 
   
 	console.log(item,index,self);
 })

6.every()

返回一个 boolean,检测数组中所有元素是否符合条件,如果数组中有一个条件不符合条件,则整个表达式返回 false,跳出循环。如果所有的元素都满足元素,则返回 true。

let arr = [1, 2, 3, 4]
let res = arr.every(item => item > 2)
console.log(res) // false

7.includes()

用来判断数组中是否包含指定的元素,如果有则返回 true,没有则返回false。

let arr = [1, 2, 3, 4]
let res = arr.includes(4)
console.log(res) // true

8.join()

数组的每个元素以指定的字符连接形成新字符串返回

let arr = [1, 2, 3, 4, 5]; let newStr = arr.join('-'); console.log(newStr) // 1-2-3-4-5