Javascript JSON数据不是'；t附加到div

我在运行

console.log

时可以看到JSON，我认为问题与我的

return

语句有关

JS: JSON: HTML代码段：

---

使用

，

分隔选择器中使用的两个类

$(".headline-cont,h1")

var headlineData={
“d”：{
“结果”：[{
“首选名称”：“Bobson A.Dugnutt”，
“首字母”：“不好”，
“工作头衔”：“酷哥”，
“办公室”：“纽约”
}]
}
};
函数loadHeadlineData（）{
let res=headlineData.d.results.filter（函数（obj））{
返回{
“名称”：obj.preferredname，
“姓名首字母”：obj.姓名首字母，
“标题”：obj.jobtitle，
“办公室”：obj.Office
}
})     
//console.log（res）
$（“.headline cont，h1”）.append（JSON.stringify（res））；
}
loadHeadlineData（）；
//console.log（标题行数据）

---

使用

，

分隔选择器中使用的两个类

$(".headline-cont,h1")

var headlineData={
“d”：{
“结果”：[{
“首选名称”：“Bobson A.Dugnutt”，
“首字母”：“不好”，
“工作头衔”：“酷哥”，
“办公室”：“纽约”
}]
}
};
函数loadHeadlineData（）{
let res=headlineData.d.results.filter（函数（obj））{
返回{
“名称”：obj.preferredname，
“姓名首字母”：obj.姓名首字母，
“标题”：obj.jobtitle，
“办公室”：obj.Office
}
})     
//console.log（res）
$（“.headline cont，h1”）.append（JSON.stringify（res））；
}
loadHeadlineData（）；
//console.log（标题行数据）

有几点：

（操作前编辑）在

过滤器

中，它应该是一个返回

真

/

假

的表达式

filter

接收一个数组，返回一个计算结果为

true

的数组。例如，

[1,2,3]。过滤器（n=>n%2==1）给出了
[1,3]
。是否要改为使用
map

当我们使用

append

时，我们应该附加jQuery DOM对象，例如

$（…）.append（$（“”+res+）；是否改为使用
text（）
？（如果
已经存在）如果不存在，您可以从选择器中删除
h1
，然后使用
append

当前

res

是一个数组（无论使用

map

还是

filter

）。您可能需要使用

res[0]。最后使用Name

。但是，如果确实想输出整个数组/json，请使用

json.stringify

有几点：

（操作前编辑）在

过滤器

中，它应该是一个返回

真

/

假

的表达式

filter

接收一个数组，返回一个计算结果为

true

的数组。例如，

[1,2,3]。过滤器（n=>n%2==1）给出了
[1,3]
。是否要改为使用
map

当我们使用

append

时，我们应该附加jQuery DOM对象，例如

$（…）.append（$（“”+res+）；是否改为使用
text（）
？（如果
已经存在）如果不存在，您可以从选择器中删除
h1
，然后使用
append

当前

res

是一个数组（无论使用

map

还是

filter

）。您可能需要使用

res[0]。最后使用Name

。但是，如果确实想输出整个数组/json，请使用

json.stringify

---

尝试使用

JSON.stringify（res）

@MaheerAli Nothing，不幸的是：\@Jeto很高兴知道，谢谢。我更新了我的代码（仍然没有任何呈现）@Jeto我在问题正文中添加了HTML和控制台结果。你能显示

console.log（$（“#headline cont h1”）的结果吗？另外，可能在导入后尝试
window.$=$
，不确定是否需要，因为我从未在那种上下文中使用jQuery。尝试使用
JSON.stringify（res）
@MaheerAli Nothing，很遗憾：\@Jeto很高兴知道，谢谢。我更新了我的代码（仍然没有任何呈现）@Jeto我在问题正文中添加了HTML和控制台结果。你能显示
console.log（$（“#headline cont h1”）的结果吗？另外，可能在导入后尝试
window.$=$
，不确定是否需要这样做，因为我从未在这种上下文中使用jQuery。
<div id="headline-cont">
   <h1></h1>
</div>

[{"preferredname":"Bobson A. Dugnutt","initials":"BAD","jobtitle":"Coolguy","office":"New York"}]

$(".headline-cont,h1")