从Javascript中的对象数组过滤未定义或空字符串 [英] Filtering undefined or empty strings from array of objects in Javascript

查看:30
本文介绍了从Javascript中的对象数组过滤未定义或空字符串的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

因此,我在创建一个函数时会遇到麻烦,该函数将对日期及其数据进行过滤和排序,以将其放置在对象数组中.我遇到的问题是一个不同但相似的情况.原始问题来自此处:过滤未定义的数组Javascript中对象的数量

So I am having trouble creating a function that will filter and sort dates and its data to be placed in an array of objects. The issue I am having is a different but similar scenario. The original question was taken from here: Filtering undefined from array of objects in Javascript

可以说var arrObject在一个数组中有2个以上的项目.请参阅下面的代码.我想过滤任何空字符串或未定义的值以及数组中的任何项目,然后按升序排序.按日期排序.在新数组中,我只想输出date和bus_name.请注意,数组中的名称是不同的,我想用另一个名称来命名,例如以下输出:

Lets say that var arrObject has more than 2 items in an array. See code below.I want to filter any empty string or undefined values and with any items in the array and sort then asc. order by dates. In the new array, I want to output only date and bus_name. Note the names in the array are different, I want to name then in a different name such as this output:

{Date:'2012-02-11',busName:'Thomas#2'}....

我该怎么做?

谢谢!

{date: " ", bus_name: 'Thomas #1', driver_name: 'Sam', time_start: '9AM', time_end: '5PM'},
{date: '2012-02-11', bus_name: 'Thomas #2', driver_name: 'Samantha', time_start: '8AM', time_end: '4PM'},
{date: '2011-02-02', bus_name: 'Thomas #3', driver_name: 'Peter', time_start: '12PM', time_end: '7PM'},
{date: '2010-06-04', bus_name: 'Thomas #4', driver_name: 'Eddie', time_start: '11AM', time_end: '6PM'},
{date: " ", bus_name: 'Thomas #5', driver_name: 'Raul', time_start: '4AM', time_end: '1PM'},
{date: '2014-04-03', bus_name: 'Thomas #6', driver_name: 'Jessie', time_start: '5AM', time_end: '2PM',
]

function fancySort(array){
   let arrayCopy = array.slice(0);
  //your sort logic can be replaced here
  arrayCopy.sort();

  return arrayCopy
}

let newArray = arrObject.filter( obj => {
  //behave same as obj.date != undefined
  return obj.date
})

let sortedDates = fancySort(newArray.map(obj => Date.parse(obj.date)));

let sortedObjArray = sortedDates.map( date=>{
  let tempObj;
  newArray.some( na=> {
    tempObj = na;
    return Date.parse(na.date) == date
  })
  return tempObj;
})

console.log(sortedObjArray);```

推荐答案

您可以过滤不需要的部分,映射具有所需属性的新对象,并按 date 对数组进行排序.

You could filter unwanted parts, map new objects with wanted properties and sort the array by date.

var array = [{ date: " ", bus_name: 'Thomas #1', driver_name: 'Sam', time_start: '9AM', time_end: '5PM' }, { date: '2012-02-11', bus_name: 'Thomas #2', driver_name: 'Samantha', time_start: '8AM', time_end: '4PM' }, { date: '2011-02-02', bus_name: 'Thomas #3', driver_name: 'Peter', time_start: '12PM', time_end: '7PM' }, { date: '2010-06-04', bus_name: 'Thomas #4', driver_name: 'Eddie', time_start: '11AM', time_end: '6PM' }, { date: " ", bus_name: 'Thomas #5', driver_name: 'Raul', time_start: '4AM', time_end: '1PM' }, { date: '2014-04-03', bus_name: 'Thomas #6', driver_name: 'Jessie', time_start: '5AM', time_end: '2PM' }],
    result = array
        .filter(o => o.date !== ' ')
        .map(({ date, bus_name }) => ({ date, bus_name }))
        .sort((a, b) => a.date.localeCompare(b.date));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

这篇关于从Javascript中的对象数组过滤未定义或空字符串的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆