数组常见的实例方法

这里写目录标题

一级目录

二级目录

三级目录

一、数组中map方法,迭代数组

1.作用:

map可以遍历数组处理数据,并且返回新的数组

2.语法:

const arr='red','blue','green'

const newArr=arr.map(function(ele,index){

console.log(ele)//数组元素

console.log(index)//数组索引号

return ele+'颜色'

})

console.log(newArr)

//'red颜色','bLue颜色','green颜色'

3.注意:

map也称为映射。映射是个术语,指两个元素的集之间元素相互"对应"的关系

map重点在于有返回值,forEach没有返回值

二、遍历数组foreach方法

arr.forEach(function(item,index){})

与map的区别是forEach不返回数组

三、筛选数组filter

创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素

1.语法

被遍历的数组.filter(function(currentVaLue,index){

return筛选条件

})

2.主要使用场景

筛选数组符合条件的元素,并返回筛选之后元素的新数组

3.例子

const newArr=arr.filter(item=>item>=20)

四、累计器reduce

arr.reduce(function(){},起始值)

arr.reduce(function(上一次值,当前值){},初始值)

如果有起始值,则将起始值加到里面

五、数组中join方法

1.作用:

join()方法用于把数组中的所有元素转换为一个字符串

2.语法:

const arr='red颜色','blue颜色','green颜色'

console.log(arr.join(''))//red颜色blur颜色green颜色

3.参数

数组元素是通过参数里面指定的分隔符进行分隔的

小括号是空字符串(''),则所有元素之间都没有任何字符

小括号是(),则所有元素之间用,分隔

小括号是('|'),则所有元素之间用|分隔

六、数组常见方法

1.其他方法

实例方法join数组元素拼接为字符串,返回字符串重点

实例方法find查找元素,返回符合测试条件的第一个数组元素值,如果没有符合条件的则返回undefined(重点)

实例方法every检测数组所有元素是否都符合指定条件,如果所有元素都通过检测返回true,否则返回false(重点)

实例方法some检测数组中的元素是否满足指定条件如果数组中有元素满足条件返回true,否则返回false

实例方法concat合并两个数组,返回生成新数组

实例方法sort对原数组单元值排序

实例方法splice删除或替换原数组单元

实例方法reverse反转数组

实例方法findIndex查找元素的索引值

2.伪数组转换为真数组

静态方法Array.from()

const lis=document.qs('ul li')

const liss=Array.from(lis)

liss.pop()

相关推荐
波波00713 分钟前
C# 15 重磅新特性: 带标签 break 与 continue:重新定义嵌套循环控制流
服务器·前端·c#
Brown.alexis1 小时前
es6知识点1-自备使用
前端·ecmascript·es6
小爬的老粉丝2 小时前
JavaScript 纯前端预览 WPS:先识别容器,再路由解析器
前端·javascript·wps
计算机魔术师2 小时前
新兴多智能体系统的模式与问题
前端
用户059540174463 小时前
AI Agent 上下文污染踩坑实录:用 pytest + Redis 揪出 3 类记忆串号 bug,排查 6 小时
前端·css
满栀5853 小时前
状态管理:Redux、Vuex、Pinia 核心区别
前端·javascript·typescript
一拳不是超人4 小时前
DeepSeek Harness 为什么敢说"一切皆插件"?拆透 Cordis 引擎的五大核心机制
前端·人工智能·agent
IT_陈寒4 小时前
Python的GIL让我多写了500行代码
前端·人工智能·后端
风骏时光牛马4 小时前
AI智能体能力调度微服务
前端
大龄码农有梦想5 小时前
Vue + BPMN.js + Camunda:搭建企业级流程设计器完整实践
javascript·vue.js·流程设计器·bpmn.js·bpmn·流程审批·工作流设计器