let persons=[
{
name:"杰克",age:18,id:5,gender:"男"
},
{
name:"李雷",age:20,id:2,gender:"男"
},
{
name:"韩梅梅",age:16,id:9,gender:"女"
},
{
name:"汤姆",age:16,id:2,gender:"男"
},
]
filter - 返回所有男生的数组 | 返回所有年龄大于等于18岁的男生的数组
// 返回所有男生的数组
let man=persons.filter((item,index)=>{
return item.gender=="男"
})
console.log("所有男生：",man)
// 返回所有年龄大于等于18岁的男生的数组
let man2=persons.filter((item,index)=>{
return item.gender=="男"&&item.age>=18
})
console.log("年龄大于等于18岁的男生：",man2)
// 在数组中找某个id的项目
let id=5
console.log(findItemFromId(id, persons))
function findItemFromId(id,list){
return list.filter(item=>{
if(item.id==id){
return item
}
})[0]
}
// { name: '杰克', age: 18, id: 5, gender: '男' }
筛选：map - 只保留姓名的数组
// 只保留姓名的数组
let personNameList=persons.map((item,index)=>{
return item.name
})
console.log("只保留姓名的数组：",personNameList)
筛选：forEach - 只保留姓名和id的数组
// 只保留姓名和id的数组
let personNameIdList=[];
persons.forEach((item,index)=>{
personNameIdList.push({name:item.name,id:item.id})
})
console.log("只保留姓名和id的数组：",personNameIdList)
every - 判断所有人是不是都是男生
// 判断所有人是不是都是男生
let isMan=persons.every((item,index)=>{
return item.gender=="男"
})
console.log("判断所有人是不是都是男生：",isMan)
some - 判断有没有男生
// 判断有没有男生
let hasMan=persons.some((item,index)=>{
return item.gender=="男"
})
console.log("判断有没有男生：",hasMan)
排序：sort - 依据id进行升序排序,操作的是原数组
// 依据id进行升序排序,操作的是原数组
persons.sort(function(a, b){return a.id - b.id})
console.log("依据id进行升序排序：",persons)
添加字段：forEach- 给age>18的人添加字段type:‘成年人’
// 方法一： map - 给age>18的人添加字段type:'成年人'
let list = []
persons.map((item) => {
if (item.age > 18) {
list.push({ ...item, type: '成年人' })
} else {
list.push({ ...item })
}
})
console.table(list)
// 方法二：map Object.assign - 给age>18的人添加字段type:'成年人'【优雅的写法】
let obj = {type:'成年人'}
persons.map((item) => {
if (item.age > 18) {
Object.assign(item,obj)
}
})
console.table(persons)
find与filter比较
find与filter比较，
find：如果只查到一个，返回对象；查到多个时，返回数组
filter：不管是查到几个，都返回数组
总结
map
只取数组中所有的对象中的某个元素或某几个元素，组成新的数组
返回gender组成的数组 [ { gender: ‘男’ }, { gender: ‘男’ }, { gender: ‘女’ }, { gender: ‘男’ } ]
return { gender:item.gender }
返回某个元素的生成的数组 [ ‘男’, ‘男’, ‘女’, ‘男’ ]
return item.gender