vue 中对 数组的操作

常用方法:.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 中对 数组的操作

基础教程推荐