首页 > 编程语言 > 详细

过滤数组中想要的数据

时间:2020-07-30 13:23:05      阅读:141      评论:0      收藏:0      [点我收藏+]
 要求:过滤出table里有数据的头部信息
data(){
return{
//table里的头部信息
  header: [
        { name: ‘工资‘, colename: ‘salary‘, strisinactive: ‘启用‘, inttype: ‘1‘ },
        { name: ‘日期‘, colename: ‘date‘, strisinactive: ‘停用‘, inttype: ‘2‘ },
        { name: ‘城市‘, colename: ‘city‘, strisinactive: ‘启用‘, inttype: ‘3‘ },
        { name: ‘职务‘, colename: ‘job‘, strisinactive: ‘启用‘, inttype: ‘2‘ },
        { name: ‘爱好‘, colename: ‘love‘, strisinactive: ‘停用‘, inttype: ‘3‘ }
        ],
//table里的循环数据
      tableData: [
        { salary: ‘10000‘, date: ‘2020-07-01‘, love: ‘篮球‘, sex: ‘男‘ },
        { salary: ‘5000‘, date: ‘2020-07-02‘, love: ‘乒乓球‘, sex: ‘女‘ },
        { salary: ‘8000‘, date: ‘2020-07-05‘, love: ‘羽毛球‘, sex: ‘男‘ }
        ],
  copyData: []
}
}
方法一:
getData() {
      Object.keys(this.tableData[0]).map((item) => {
        this.header.map(items => {
          if (items.colename === item) {
            this.copyData.push(items)
          }
        })
      })
    },
 
方法二:
getData() {
      this.copyData = this.header.filter(item => this.tableData[0][item.colename] !== undefined)
    },

过滤数组中想要的数据

原文:https://www.cnblogs.com/hellofangfang/p/13402918.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!