常用方法:.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 中对 数组的操作
- 深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库 2022-12-15
- 基于CORS实现WebApi Ajax 跨域请求解决方法 2023-02-14
- javascript 判断当前浏览器版本并判断ie版本 2023-08-08
- ajax实现输入提示效果 2023-02-14
- jsPlumb+vue创建字段映射关系 2023-10-08
- 关于 html:如何从 css 表中删除边距和填充 2022-09-21
- layui数据表格以及传数据方式 2022-12-13
- JS实现左侧菜单工具栏 2022-08-31
- vue keep-alive 2023-10-08
- 1 Vue - 简介 2023-10-08