将[object Object]转换成json对象

最新推荐文章于 2025-06-17 14:14:01 发布

转载最新推荐文章于 2025-06-17 14:14:01 发布 · 1.1w 阅读

文章标签：

#json #javascript #python #ViewUI

本文介绍如何在EJS模板引擎中有效处理JSON数据，包括将整个JSON对象赋值到变量并转换为易于操作的格式。探讨了不同转换方法的问题，并提供了一种实用的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这两天在做中英文双版的文件，页面根据语言读取不同的内容。js模板用的是ejs

json文件：
"components":{
  "pages":{
    "home":{
        "meta":{
          "title":"首页",
          "keywords":"关键字",
          "desc":"描述"
        },
       "title":"登录失败",
       "button":"重新登录"
    }
  }
}

页面js代码

let metaTitle = "<%= components.pages.home.meta.title %>"
console.log(metaTitle)
//控制台输出：首页

但是当json文件中数据很多，而又都需要的情况下，显然不能一条一条赋值，最好是可以将整个对象进行赋值，比如：

let home ="<%= components.pages.home %>"
console.log(home)
//控制台输出：[object Object]

这种情况下，控制台输出的是[object Object]，看不到具体的内容，于是需要将它转换成与json文件中格式一致，方便在js中使用

JSONObject.fromObject()

let home = "<%= components.pages.home %>"
let homeObj = JSONObject.fromObject(home);
console.log(homeObj)
//ReferenceError: JSONObject is not defined[详细了解]

JSON.stringify()

let home = "<%= components.pages.home %>"
let homeObj = JSON.stringify(home);
console.log(homeObj)
//"[object Object]"

JSON.parse()

let home = "<%= components.pages.home %>"
let homeObj = JSON.parse(home);
console.log(homeObj)
//SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data[详细了解]

ps:let home = "<%= components.pages.home %>" 这里的双引号在解析的时候，会和内部的双引号行程匹配，所以下一种办法中，将""改成了''
最后提供一种目前自己代码使用的办法

let home = JSON.parse(decodeURI('<%- encodeURI(JSON.stringify(components.pages.home)) %>'))

后来发现并不需要decode和encode

let home = JSON.parse('<%- JSON.stringify(components.pages.home) %>')