网站首页 > 技术文章 正文
数组方法
高阶函数
- 高阶函数是对其他函数进行操作的函数,可以将它们作为参数或通过返回它们
- 高阶函数是一个函数,它接收函数作为参数或者将函数作为输出返回
1.forEach 方法 循环
- 用法: 遍历数组,可以对每个值做一些操作
- 参数用法:
1) 参数1:必需;当前的元素(类似于,for 循环中的 i)
2)参数2:可选;当前遍历元素的索引值
3)参数3:可选;当前元素所属的数组对象
var arr = ['a','b','c','d']
//普通写法
arr.forEach(function(ele,i,array){
console.log(ele); //当前的元素
console.log(i); //当前的元素的索引值
console.log(array); //当前的元素的数组对象
})
//箭头函数
arr.forEach((ele,i,array)=>{
console.log(ele); //当前的元素
console.log(i); //当前的元素的索引值
console.log(array); //当前的元素的数组对象
})
2.map 方法 执行操作
- 用法:对数组中的每一个元素运行指定函数,返回每次调用函数的结果,将其组成一个新数组
- 特点:不改变元数组,返回一个新数组
- 注意:
- map 不会对空数组进行检测
- map 不会改变原数组
4.参数用法:
- 参数1:必需;当前的元素(类似于,for 循环中的 i)
- 参数2:可选;当前遍历元素的索引值
- 参数3:可选;当前元素所属的数组对象
5.var arr = ['1','2','3','4']
var fresh = arr.forEach((ele,i,array)=>{
return ele*2 //对每个元素乘2
})
3.filter 方法 过滤
- 用法:对数组中的元素进行过滤筛选,将满足条件的元素组成新数组返回
- 特点:将满足条件的元素返回新数组
- 参数用法:
- 参数1:必需;当前的元素(类似于,for 循环中的 i)
- 参数2:可选;当前遍历元素的索引值
- 参数3:可选;当前元素所属的数组对象
4.//写法一
var arr = ['张三','李四','王五','张三丰','王小六'];
var fresh = arr.filter((ele,i,array)=>{
return /^王/.test(ele) //筛选出所有姓王的名字
})
//写法二
var ages = [32,33,55,16,8,40];
function fn(age){
return age >= 18
}
var greater = ages.filter(fn)
4.some 方法 判断返回布尔值
- 用法: 查找数组中是否有满足指定条件的元素,然后返回布尔值
- 参数用法:
- 参数1:必需;当前的元素(类似于,for 循环中的 i)
- 参数2:可选;当前遍历元素的索引值
- 参数3:可选;当前元素所属的数组对象
3.//数据复杂时,使用比较好
var isHas = arr.some((ele)=>{
return ele.属性 > 10
})
5.from 方法 数组转换
- 用法:把类数组转换为真正的浅拷贝数组,返回转换后的新数组
- 参数:
- 参数1: 要转换的数据(类数组)
- 参数2:回调函数,用来对每个元素进行操作,将处理好的值放入新的数组中
3.var arr = Array.from('123456',(ele)=>{
return ele*2
})
console.log(arr)
6.find 方法 查找元素
- 用法:查找满足添加的第一个元素,返回该元素
- 注意:找到第一个满足的条件时,就不会在继续查找其他元素
- 参数用法:
- 参数1:必需;当前的元素(类似于,for 循环中的 i)
- 参数2:可选;当前遍历元素的索引值
- 参数3:可选;当前元素所属的数组对象
4.var arr = [55,10,3,6,88,22]
var item = arr.find((ele,i,array)=>{
return ele > 11
})
7.findIndex 方法 查找返回索引
- 用法:查找满足条件的第一个索引,返回该元素的索引
- 注意:找到第一个满足的条件时,就不会在继续查找其他元素
- 参数用法:
- 参数1:必需;当前的元素(类似于,for 循环中的 i)
- 参数2:可选;当前遍历元素的索引值
- 参数3:可选;当前元素所属的数组对象
4.var arr = [55,10,3,6,88,22]
var item = arr.findIndex((ele,i,array)=>{
return ele > 11
})
8.includes 方法 查找元素
- 用法:判断数组中是否包含某个指定元素,找到返回true,否则返回false
- var arr = ['a','b','c'];
var isHas = arr.includes('c')
3.字符串中也有该方法
猜你喜欢
- 2024-11-15 ES6中数组新增的方法-超级好用(es6新增数组方法 set map)
- 2024-11-15 2023-05-16:给你一个 严格升序排列 的正整数数组 arr 和一个整数 k 。
- 2024-11-15 ES6中对数组的扩展(es6数组语法)
- 2024-11-15 uni-app基于vue开发小程序与标准vue开发新增点
- 2024-11-15 vue uni-app 数组的操作方法:filter()、map()、forEach()、unsh...
- 2024-11-15 js判断字符串是否在数组中(js判断字符串包含数字)
- 2024-11-15 15个你应该知道的JavaScript的重要数组方法
- 2024-11-15 碎片时间学编程「316]:提供的函数比较器返回两个数组对称差异
- 2024-11-15 202012-前端开发vue项目代码中的亮点和疑点
- 2024-11-15 Vue进阶(五十九):splice删除、替换、增加指定元素
- 标签列表
-
- content-disposition (47)
- nth-child (56)
- math.pow (44)
- 原型和原型链 (63)
- canvas mdn (36)
- css @media (49)
- promise mdn (39)
- readasdataurl (52)
- if-modified-since (49)
- css ::after (50)
- border-image-slice (40)
- flex mdn (37)
- .join (41)
- function.apply (60)
- input type number (64)
- weakmap (62)
- js arguments (45)
- js delete方法 (61)
- blob type (44)
- math.max.apply (51)
- js (44)
- firefox 3 (47)
- cssbox-sizing (52)
- js删除 (49)
- js for continue (56)
- 最新留言
-