常用方法:.filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every().filter()filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。是否改变原数组:否是否...
常用方法:
.filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every()
.filter()
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
是否改变原数组:否
是否对空数组进行检测:否
const arr= [张三,李四,王五]; const arr1 = arr.filter(item => item == 张三) console.log(arr) // [张三,李四,王五] console.log(arr1) // [张三]
.map()
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
这个就可以理解为foreach ,emm
.find()
find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。
就执行成功的第一个,后面就不管了
如果没有符合条件的元素返回 undefined
.findIndex()
findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。
这个是返回的 满足的第一个的位置
如果没有符合条件的元素返回 -1
.some()
some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
就是判断数组是否有满足条件的数据,
结果 :bool类型 true 和false
.every()
every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
判断数组所有数据都满足条件
结果 :bool类型 true 和false
往数组里面添加数据
this.listArry.push('e')
本文标题为:vue 中对 数组的操作
基础教程推荐
- JS滚动到顶部踩坑解决记录 2023-07-10
- cocos creator游戏实现loading加载页面,游戏启动加载动画 2022-10-29
- Javascript Bootstrap的网格系统,导航栏和轮播详解 2023-08-11
- 使用ajax跨域调用springboot框架的api传输文件 2023-02-23
- Ajax+smarty技术实现无刷新分页 2022-12-15
- uniapp开发微信小程序自定义顶部导航栏功能实例 2022-10-21
- HTML clearfix清除浮动讲解 2022-11-20
- 关于Ajax跨域问题及解决方案详析 2023-02-23
- Ajax发送和接收请求 2022-12-15
- 在实战中可能碰到的几种ajax请求方法详解 2023-02-01