明确存在的 Javascript 对象属性未定义

Question

如果我在我的 EJS 模板中这样做，我现在面临一个奇怪的情况:

<%= JSON.stringify(course.results[0]) %>

打印以下内容:

{
  "user_id": "900",
  "trainingpath_id": "25",
  "sco_id": "1",
  "nb": "11",
  "date": "25/07/2018 14:14",
  "date_last_update": "21/08/2018 13:10",
  "lesson_status": "passed",
  "spent_time": "278",
  "score": "100",
  "progression": "100",
  "unique_sco_id": "427"
}

但是如果我这样做:

<%= JSON.stringify(course.results[0].score) %>

我收到一条错误消息，告诉我它 Cannot read property 'score' of undefined

有人经历过吗？

实际模板页面:

<div class="container">
    <div class="row heading-box">
        <div class="col">
            <h1><span id="introduction">Progress<br></span></h1>
        </div>
    </div>
    <div class="row text-box">
        <div class="col">
            <% if (Array.isArray(sessions)) { %>
                <% sessions.map(session=>{ %>
                    <div class="session-box">
                        <h4 class="session-title"><i class="fal fa-chevron-double-right title-indicator"></i> <%= session.name; %> </h4>
                        <% session.courses.map(course=>{%>
                            <div class="course-box">
                            <span class="fa-stack course-thumbnail-stack">
                                <i class="fas fa-circle course-thumbnail-circle ready fa-stack-2x"></i>
                                <i class="fal fa-play-circle course-thumbnail-action ready fa-stack-1x fa-inverse"></i>
                            </span>
                                <img src="<%= session.details[0].thumbnail_link.indexOf(lms_url) > -1 ? '' : `${lms_url}/` %><%= session.details[0].thumbnail_link %>" class="course-thumbnail">
                                <h4> <%= course.titre; %></h4>
                                <p>
                                    Duration : <%= (session.details[0].typical_learning_time_duration || 0) / 60 %> mins<br/>
                                    Score : <% if ('results' in course && Array.isArray(course.results)) { %><%= JSON.stringify(course.results[0], null, '\t') %><% } else { %><%= '0' %><% } %>%
                                </p>
                                <button type="button" class="btn btn-lg start-course" onclick="window.location='<%= course.lms_url %>>'">Start</button>
                                <div style="clear:both"></div>
                            </div>
                        <%});%>
                    </div>
                <% }) %>
        </div>
        <% } %>
    </div>
</div>

Answer 1

正如评论中所讨论的，您拥有的范围没有任何问题，所以您有时可能遇到数组 course.results 问题，这意味着它可能没有元素。因此，为了避免这种情况，只需按照@Kosala Nuwan Perera 的建议添加 length 检查

此外，您不需要对分数进行字符串化，因为它已经是一个字符串。

尝试:

Score : <% if ('results' in course && Array.isArray(course.results) && course.results.length > 0) { %><%= course.results[0].score %><% } else { %><%= '0' %><% } %>