常用方法:.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 中对 数组的操作
基础教程推荐
- vue离线环境如何安装脚手架vue-cli 2025-01-19
- CSS3的几个标签速记(推荐) 2024-04-07
- js禁止页面刷新与后退的方法 2024-01-08
- 基于Vue制作组织架构树组件 2024-04-08
- Ajax实现动态加载数据 2023-02-01
- this[] 指的是什么内容 讨论 2023-11-30
- 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行 2023-10-28
- 浅谈Vue2和Vue3的数据响应 2023-10-08
- JS前端广告拦截实现原理解析 2024-04-22
- 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响 2024-04-26
