1.js数组的find方法 arr.find()函数用于从数组中查找满足函数实现条件的第一个元素。如果多于一个元素满足条件,则返回满足条件的第一个元素。该函数的语法如下:
arr.find(function(element,index,array),thisValue)
参数
此函数的参数是另一个函数,它定义要为数组的每个元素检查的条件。这个函数本身有三个参数:
array:这是调用.filter()函数的数组。
index:这是函数正在处理的当前元素的索引。
element:这是函数正在处理的当前元素。
另一个参数thisValue用于告诉函数在执行参数函数时使用此值。
返回值
返回符合测试条件的第一个数组元素值,如果没有符合条件的则回 undefined
例:
let arr = [1,2,3,4,5,2,4]
let arr1 = arr.find((value, index, array) =>value > 2)
console.log(arr1) // 3
2.js数组的filter方法 filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
例子:
var arr = [‘spray’, ‘limit’, ‘elite’, ‘exuberant’, ‘destruction’, ‘present’];
constnewArr = arr.filter(arrItem => word.length > 6);
console.log(newArr);
//[“exuberant”, “destruction”, “present”]
语法:
var newArray = arr.filter(
callback(element[, index[, array]])[, thisArg]
)
参数:
callback:回调函数
element:arr数组中正在被处理的数据
index:element的下标,可选
array:调用了 filter 的数组本身,可选
thisArg:执行 callback 时,用于 this 的值,可选
返回值
一个新的、由通过测试的元素组成的数组,如果没有任何数组元素通过测试,则返回空数组。
filter 不会改变原数组,它返回过滤后的新数组。
filter 遍历的元素范围在第一次调用 callback 之前就已经确定了。在调用 filter 之后被添加到数组中的元素不会被 filter 遍历到。如果已经存在的元素被改变了,则他们传入 callback 的值是 filter 遍历到它们那一刻的值。被删除或从来未被赋值的元素不会被遍历到。
3.JavaScript Array includes() 方法 includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。
语法:
arr.includes(searchElement)
arr.includes(searchElement, fromIndex)
【2020-8-14学习】参数
searchElement 必须。需要查找的元素值。
fromIndex 可选。 从该索引处开始查找 searchElement。如果为负值,则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- javascript|javascript中的数据类型转换