在数组中筛选出所有某个属性相同的对象,并返回一个数组。

1. 测试数据

list: [
 { id: 1, city: '北京', didian: '海淀' },
 { id: 2, city: '北京', didian: '朝阳' },
 { id: 3, city: '北京', didian: '昌平' },
 { id: 4, city: '北京', didian: '海淀' },
 { id: 4, city: '秦皇岛', didian: '山海关' },
 { id: 4, city: '秦皇岛', didian: '北戴河' },
 { id: 4, city: '秦皇岛', didian: '市中心' },
]

2. 函数调用与输出

// 函数调用
this.getList(this.list, '北京', '秦皇岛') // 其中地点的个数是不确定的

// 函数输出
// 一个数组中有两个数组, 一个是北京,一个是秦皇岛。

3. 逻辑代码

getList() {
 const list = Array.prototype.slice.apply(arguments) // 将arguments伪数组转换成真正的数组,否则无法使用数组的方法
 const data = list[0] // 用来筛选的列表
 const city = list.slice(1) // 要挑选的城市
 let result = [] // 最后返回的结果 
 for (let i = 0; i < city.length; i++) {
  result[i] =  data.filter(item => item.city === city[i])
 }
 return result
}

4. 实际调用结果

在数组中筛选出所有某个属性相同的对象,并返回一个数组。

在数组中筛选出所有某个属性相同的对象,并返回一个数组。

上一篇:PbootCMS城市分站插件 生成任意城市的分站链接地址 支持分站同页跳转 实现dedecms织梦城市分站插件效果


下一篇:angular中的路由详解(3)—通过module和子路由来访问组件