作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在从本地文件中提取 JSON 数据。如果数据为true
,那么我想将其附加到 div,如果不是,那么它根本不应该出现。
我可以在 console.log
中看到 true
数据,所以现在需要附加它,但我的 返回遇到了问题
语句(参见下面的代码)。有什么想法吗?
import testjson from './test.json';
function loadTopCourses() {
let isTop = testjson.d.results.filter(x => x.TopTrainingCourse === true) {
return {
"Title": val.Title
}
};
console.log(isTop)
let showTopTitles = isTop;
for (var i = 0; i < showTopTitles.length; i++) {
let li = $("<li></li>");
$(li).append(showTopTitles[i].Title);
$(".top-training-ul").append(li)
};
} // ------------------ loadTopCourses
loadTopCourses();
{
"d": {
"results": [
{
...
"Id": 1,
"Title": "Training 1",
"Category": "Enter Choice #1",
"Topic": "Enter Choice #1",
"Description": "My Test description",
"TopTrainingCourse": false, // ------------ //
"ID": 1,
"Modified": "2019-03-05T20:13:46Z",
"Created": "2019-03-05T20:13:36Z"
},
...
...
"FileSystemObjectType": 0,
"Id": 2,
"Title": "Training 2",
"Category": "Enter Choice #2",
"Topic": "Enter Choice #1",
"Description": null,
"TopTrainingCourse": true, // ------------- //
"ID": 2,
"Modified": "2019-03-05T20:14:00Z",
"Created": "2019-03-05T20:13:53Z"
},
...
...
(7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}] // ------ correct # of true values
0: {__metadata: {…}, FirstUniqueAncestorSecurableObject: {…}, RoleAssignments: {…}, AttachmentFiles: {…}, ContentType: {…}, …}
1:
ID: 4
Id: 4
Modified: "2019-03-05T22:33:04Z"
OData__UIVersionString: "1.0"
ParentList: {__deferred: {…}}
RoleAssignments: {__deferred: {…}}
Title: "Training 4"
TopTrainingCourse: true // ------------- //
Topic: "Enter Choice #1"
最佳答案
您可以将过滤后的结果映射
到您想要的形式的新数组中:
let isTop = testjson.d.results.filter(x => x.TopTrainingCourse === true)
.map(x => { return { Title: x.Title } });
关于javascript - 可以在控制台中看到 JSON 数据,但无法呈现到浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55047629/
我是一名优秀的程序员,十分优秀!