js查找数组中符合条件元素的几种方法
一、利用for循环进行查找
1 2 3 4 5 6 7 8 9 10 11 12 | let arr = [ {name: 'zhangsan' , age: 18}, {name: 'lisi' , age: 17}, {name: 'xiaoming' , age: 18}, ], result = [] for (let item of arr){ if (item.age === 18){ result.push(item); } } console.log(result); // [{name: 'zhangsan', age: 18},{name: 'xiaoming', age: 18}] |
二、filter() 方法
注意:
filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
filter() 不会对空数组进行检测。
filter() 不会改变原始数组。
1 2 3 4 5 6 7 | let arr = [ {name: 'zhangsan' , age: 18}, {name: 'lisi' , age: 17}, {name: 'xiaoming' , age: 18}, ]; let result = arr.filter(item=>item.age === 18) console.log(result); // [{name: 'zhangsan', age: 18},{name: 'xiaoming', age: 18}] |
三、find()方法
注意:
find()方法只返回数组中满足条件的第一个元素,并非所有元素
当数组中的元素在条件返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined
find() 对于空数组,函数是不会执行的。
find() 并没有改变数组的原始值。
1 2 3 4 5 6 7 | let arr = [ {name: 'zhangsan' , age: 18}, {name: 'lisi' , age: 17}, {name: 'xiaoming' , age: 18}, ]; let result = arr.find(item=>item.age === 18) console.log(result); // {name: 'zhangsan', age: 18} |
附:JavaScript查找一个数组中符合某个条件的值,并将符合条件的值存入新的数组
1. 利用find函数和es6箭头函数,下面方法取到数组中满足条件的第一个元素;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | var newArray = {}; //新对象 var array = [ {name: 'aiai' ,age:18}, {name: 'sisi' ,age:18}, {name: 'lulu' ,age:18}, {name: 'sisi' ,age:19} ]; //查找符合条件值并存入新数组 newArrar = this .array.find((item) => { if (item.name === 'sisi' ){ return item } }) //此时 newArray = {name:'sisi',age:18} |
2. 查找符合条件的所有元素
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | var newArray = []; //新数组 var j = 0; var array = [ {name: 'aiai' ,age:18}, {name: 'sisi' ,age:18}, {name: 'lulu' ,age:18}, {name: 'sisi' ,age:19} ]; //目标数组 //查找符合条件值并存入新数组 for (let i in array){ if (array[i].name == 'sisi' ){ newArray[j++] = array[i] } } //此时 newArray = [{name:'sisi',age:18},{name:'sisi',age:19}] |