Javascript 如何从json中拆分对象数组？

请按照sippet中提到的那样从json数组中拆分每个content.rendered，好吗？如何使用javascript拆分此json数据？如何使用javascript拆分此json数据？我想将content.rendered json存储在不同的变量中，分别是description作为第一个p标记，image作为第二个p标记，file作为第三个p标记，以在html页面中显示它

const str=`{
"作者":1,，
“内容”：{
“呈现”：“欢迎来到WordPress。这是您的第一篇文章。编辑或删除它，然后开始写作！
\\n\\n
”，
“受保护”：错误
}
}`
让json=json.parse（str）
让内容=document.createElement（'div'）
content.innerHTML=json.content.rendered
let description=content.querySelector（'p'）.innerText
让image=content.querySelector（'img'）.src
让file=content.querySelector（'a'）.href
让结果={
描述
形象,，
文件
}

[{
"作者":1,，
“内容”：{
“呈现”：“欢迎来到WordPress。这是你的第一篇文章。编辑或删除它，然后开始写作！
\n\n
”，
“受保护”：错误
}
},
{
"作者":1,，
“内容”：{
“呈现”：“欢迎来到WordPress。这是你的第一篇文章。编辑或删除它，然后开始写作！
\n\n
”，
“受保护”：错误
}
},
{
"作者":1,，
“内容”：{
“呈现”：“欢迎来到WordPress。这是你的第一篇文章。编辑或删除它，然后开始写作！
\n\n
”，
“受保护”：错误
}
}]

您可以在阵列上使用

map

基于我的观点，这就是你如何做到的

const myArray = [
    {
        author: 1,
        content: {
            rendered:
                '<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>\n<p><a href="file.pdf"></a></p>\n<p><img src="image.jpg"/></p>',
            protected: false
        }
    },
    {
        author: 1,
        content: {
            rendered:
                '<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>\n<p><a href="file.pdf"></a></p>\n<p><img src="image.jpg"/></p>',
            protected: false
        }
    },
    {
        author: 1,
        content: {
            rendered:
                '<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>\n<p><a href="file.pdf"></a></p>\n<p><img src="image.jpg"/></p>',
            protected: false
        }
    }
]

const extractData = obj => {
    let content = document.createElement('div')
    content.innerHTML = obj.content.rendered

    let description = content.querySelector('p').innerText
    let image = content.querySelector('img').src
    let file = content.querySelector('a').href

    return {
        description,
        image,
        file
    }
}

const results = myArray.map(extractData)

const myArray=[
{
作者:1,，
内容：{
提供：
“欢迎来到WordPress。这是你的第一篇文章。编辑或删除它，然后开始写作！
\n\n”，
受保护：错误
}
},
{
作者:1,，
内容：{
提供：
“欢迎来到WordPress。这是你的第一篇文章。编辑或删除它，然后开始写作！
\n\n”，
受保护：错误
}
},
{
作者:1,，
内容：{
提供：
“欢迎来到WordPress。这是你的第一篇文章。编辑或删除它，然后开始写作！
\n\n”，
受保护：错误
}
}
]
const extractData=obj=>{
让内容=document.createElement（'div'）
content.innerHTML=obj.content.rendered
let description=content.querySelector（'p'）.innerText
让image=content.querySelector（'img'）.src
让file=content.querySelector（'a'）.href
返回{
描述
形象,，
文件
}
}
const results=myArray.map（extractData）

您尝试过什么？您是否有遇到问题的代码？请记住，StackOverflow不是一种编码服务。您好，Abion47，我已经尝试过此服务。请检查…如果可能，请帮助教我出你好，首先看我的东西，如果可能，请帮助我出我更新了我的代码高于我尝试过的东西。我已经尝试过正确拆分单对象json。如果您知道，请帮助我，否则不要发送不必要的文本您尝试过使用

for

循环来迭代不同的元素吗？没有，我尝试过，但无法得到它。非常感谢Ikbel。我对您非常感谢。让我们联系。您可以共享您的邮件id吗？如何控制台和查看此输出？我已经在下面尝试过了。console.log（results.image）；console.log（results.description）；console.log（results.file）；}不客气。很抱歉，我认为我们无法在此处共享电子邮件地址。您应该实际执行

结果[0]。image

@njeoo听起来您不了解数组是什么以及它们是如何工作的。我不是故意粗鲁，但是你可以从你正在做的项目中退一步并遵循一些编程教程中获益。