JavaScript - 如何在某些条件下获取数组值？

Question

我想过滤let 数据数组。 我创建了 map function 并带有一些条件来过滤 let 数据数组值以获得结果 ["true","false","true"]但我也想在结果为真时显示 let 数据数组值。

这是我的代码：

 let data = 
{
    "days": {
        "Monday": {
            "checkin": "23:00",
            "checkout": "10:00"
        },
        "Tuesday": {
            "checkin": "07:00",
            "checkout": "14:00"
        },
        "Wednesdy": {
            "checkin": "07:00",
            "checkout": "04:00"
        },
    }
}
let day = ['Monday','Tuesday','Wednesdy'];
const ds = Object.keys(data.days);

const getin = (day) =day.map (d=> ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout); 


console.log("===Results===",getin);

JSFiddle 链接

Answer 1

如果我没记错的话，你想filter然后返回所有matching condition的项目。

您可以使用Object.entries和.reduce来实现它。

 let data = { "days": { "Monday": { "checkin": "23:00", "checkout": "10:00" }, "Tuesday": { "checkin": "07:00", "checkout": "14:00" }, "Wednesdy": { "checkin": "07:00", "checkout": "04:00" }, } } let day = ['Monday','Tuesday','Wednesdy']; var result = Object.entries(data.days).reduce((acc, [key, value]) => { if(day.indexOf(key) >= 0 && value.checkin >= value.checkout) acc.push({[key]: value}); return acc; }, []); console.log(result);

Answer 2

我不确定你为什么会被困在这个阶段，因为它非常微不足道。

在这一行：

const getin = (day) =day.map (d=> ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout);

您实际上是将ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout的结果分配给getin和day 。

ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout是 boolean 因为它是两次检查的 output。

您可以使用类似这样的东西来使用支票而不是返回支票本身： ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout? d: false ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout? d: false的。 ? 是一个条件运算符，有助于减少输入 if else 语句。

修改后的代码：

 let data = 
{
    "days": {
        "Monday": {
            "checkin": "23:00",
            "checkout": "10:00"
        },
        "Tuesday": {
            "checkin": "07:00",
            "checkout": "14:00"
        },
        "Wednesdy": {
            "checkin": "07:00",
            "checkout": "04:00"
        },
    }
}
let day = ['Monday','Tuesday','Wednesdy'];
const ds = Object.keys(data.days);

const getin = (day) =day.map (d=> ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout ? d : false); 


console.log("===Results===",getin);

Answer 3

当过滤条件为真时，您可以通过在新数组中推送 object 来执行以下操作，

 let data = { "days": { "Monday": { "checkin": "23:00", "checkout": "10:00" }, "Tuesday": { "checkin": "07:00", "checkout": "14:00" }, "Wednesdy": { "checkin": "07:00", "checkout": "04:00" }, } } let day = ['Monday','Tuesday','Wednesdy']; const ds = Object.keys(data.days); const daysRes = []; const getin = (day) =day.map (d=> { if(ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout) { daysRes.push(data.days[d]); return true; } return false; }); console.log("===Results===",getin); console.log("===ResultsDays===",daysRes);

Answer 4

使用array.filter代替array.map 。

 let data = { days: { Monday: { checkin: "23:00", checkout: "10:00" }, Tuesday: { checkin: "07:00", checkout: "14:00" }, Wednesdy: { checkin: "07:00", checkout: "04:00" } } }; let day = ["Monday", "Tuesday", "Wednesdy"]; const ds = Object.keys(data.days); const getin = Object.values(data.days).filter(d => (d.checkin >= d.checkout)); console.log("===Results===", getin);

为什么您的代码返回["true","false","true"] ？

您正在使用 array.map 您正在返回操作的结果ds.indexOf(d)>=0 && data.days[d].checkin >= data.days[d].checkout此响应始终为 boolean，无论是真还是假。

array.map总是返回一个对应于数组中每个节点的值。 在您的情况下，它在比较后返回了 boolean 值。

Go for array.filter ，这将通过根据条件返回数组的整个节点来从现有数组创建一个新数组，这是您的实际要求。