Question

我正在从名为Jackrabbit的类管理系统的JSON端点创建一个类列表。我从中提取的端点是https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJSON?orgID=537284（这包括我的示例类列表）。从上一个问题中，我得到了将其付诸实践的帮助。但是，现在我也试图显示上课的日期，但是JSON端点格式化了上课的日期，就像这样："meeting_days":{"mon":false,"tue":false,"wed":false,"thu":false,"fri":true,"sat":false,"sun":false}。我正在尝试对此进行转换，以便如果它说"mon":true它将在表中显示为星期一（或星期一）。如果确实是几天，我想列出它们。

这是我当前拥有的javascript / html：https://jsfiddle.net/pikles/uqca9df0/28/

function tConvert(time) {
    // Check correct time format and split into components
    time = time.toString().match(/^([01]\d|2[0-3])(:)([0-5]\d)(:[0-5]\d)?$/) || [time];

    if (time.length > 1) { // If time format correct
        time = time.slice(1); // Remove full string match value
        time[5] = +time[0] < 12 ? 'AM' : 'PM'; // Set AM/PM
        time[0] = +time[0] % 12 || 12; // Adjust hours
    }
    return time.join(''); // return adjusted time or original string
}

function dictionaryDay(dictDay) {
    var days = ""
    for (var day in dictDay) {
        if (dictDay.hasOwnProperty(day) === true) {
            days = days + day
        } else {}
    }
    return days
}

$(document).ready(function() {
    $.getJSON("https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJSON?orgID=537284", function(data) {
        var data_arr = [];
        $.each(data.rows, function(key, data_value) {
            data_arr.push({
                'class': data_value.name,
                'coach': data_value.instructors[0],
                'day': dictionaryDay(data_value.meeting_days),
                'age': data_value.min_age.substr(2, 2) + ' +',
                'openings': data_value.openings.calculated_openings,
                'time': tConvert(data_value.start_time),
                'tuition': data_value.tuition.fee,
            });
        });
        $("#classes").dynatable({
            dataset: {
                records: data_arr
            },
            features: {
                paginate: false,
                recordCount: false,
                search: false
            }
        });
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dynatable/0.3.1/jquery.dynatable.min.js"></script>
<table id="classes" class="ui celled table">
    <thead>
        <th>Class</th>
        <th>Coach</th>
        <th>Day</th>
        <th>Age</th>
        <th>Openings</th>
        <th>Time</th>
        <th>Tuition</th>
    </thead>
    <tbody>
    </tbody>
</table>

我目前正在解决的问题代码是dictionaryDay函数。

但是，当返回日期时，它将列出每一天。我认为这可能是=== true应该为=== "true"的问题，但是当我这样做时-没有日子返回。

有人能指出我正确的方向吗？

温馨提示，
小品

Answer 1

您正在使用Object.hasOwnProperty，如果对象包含该属性，则返回true。它不会读取值，而只会读取用于检查对象中是否存在该值的键。

这是您的函数已更正：

function dictionaryDay (dictDay) {
  var days = ''
  for (var day in dictDay) {
    // day is the key name ('mon'|'thu'|'wen'...)
    // dictDay['mon'] make reference to the value (true|false)
    if (dictDay[day]) {
      days = days + ' ' + day
    }
  }
 return days
}

JavaScript将键/值列表匹配到天数

1 个答案: