我有一个不符合JSON标准的JSON对象,并且我无法改变该对象的结构使其符合JSON标准。
我需要使这个对象渲染在一个翡翠模板的javascript块的中间。该对象实际上是一个配置对象,它将在模板中的函数块中运行。
这是对象。
{
services: [],
version: "1438276796258",
country: "default",
role: "User",
Zack_Init: function () {
},
Zack_Global: function (event) {
},
Zack_PostRender: function () {
},
renderers: ['Renderer', 'NONE']
}
这是我如何从JS文件中获得该对象。
function readJSFile(url, filename, callback) {
fs.readFile(url, "utf-8", function (err, data) {
if (err) {
callback(err);
return;
}
try {
callback(filename, data);
} catch (exception) {
callback(exception);
}
});
}
当JSON。Stringify处理对象,在转换过程中丢掉三个函数。
我正在添加一个柱塞来显示当前解决方案的进度。它输出如下。唯一剩下的就是删除格式化字符。
{"services":[],"version":"1438276796258","country":"default","role":"User","Zack_Init":function () {nn },"Zack_Global":function (event) {nn },"Zack_PostRender":function () {nn },"renderers":["Renderer","NONE"]}
function convertToString(obj) {
return JSON.stringify(obj, function(k, v) {
return (typeof v === 'function' ? ['@@beginFunction@@', v.toString(), '@@endFunction@@'].join('') : v);
}).replace(/"@@beginFunction@@|@@endFunction@@"/g, '');
}
obj = {
services: [],
version: "1438276796258",
country: "default",
role: "User",
Zack_Init: function() {
},
Zack_Global: function(event) {
},
Zack_PostRender: function() {
},
renderers: ['Renderer', 'NONE']
};
$('#test').text(convertToString(obj));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="test"></div>
如果我正确理解您的请求(您想要获取外部加载的文件的内容,然后将其加载到<script>
块中),我认为迄今为止探索的解决方案在很大程度上是过度设计的。
我有:
// index.js
var express = require('express');
var router = express.Router();
var fs = require('fs');
router.get('/', function(req, res, next) {
readJSFile('./whacky_obj.js', 'whacky_json_obj.js', render); // used .js because OP implies that as the file source in the extraction method
function render(fname, obj) {
res.render('index', { jsObj: obj });
}
});
// OP's readJSFile method
function readJSFile(url, filename, callback) {
fs.readFile(url, "utf-8", function (err, data) {
if (err) {
callback(err);
return;
}
try {
callback(filename, data);
} catch (exception) {
callback(exception);
}
});
}
module.exports = router;
然后在Jade文件中:
block content
h1= title
script!= jsObj
如果您将script
替换为pre
,则可以看到jsObj
变量的输出,但script
将按照您的要求执行。
为了安全地删除新行字符,应该先删除'comments':
function convertToString(obj) {
return JSON.stringify(obj, function(k, v) {
return (
typeof v !== 'function' ?
v :
v.toString().replace(///.*?$/mg, '') // removes single line comments
.replace(//*[sS]*?*//g, '') // removes multi-line comments
.replace(/[rn]/g, '') // removes new line
);
}, 2).replace(/"(function.+)",?$/gm, '$1'); // removes quotes around functions
}
obj = {
services: [],
version: "1438276796258",
country: "default",
role: "User",
Zack_Init: function() {
// comment
var a = 1;// comment //
if(a === /*comment */ 3) {//comment
/* comment
comment*/
}
/*end*/
},
Zack_Global: function(event) {
},
Zack_PostRender: function() {
},
renderers: ['Renderer', 'NONE']
};
$('#result').text(convertToString(obj));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<pre id="result"></pre>
编辑:配置对象是您需要动态选择或修改的东西吗?你能用include吗?如果没有,那么未转义的缓冲区代码(http://jade-lang.com/reference/code/)似乎是处理readFile传回的字符串的方法。
函数
把解决方案:
编辑:比我原来的建议更好的解决方案:
function funcyStringify(obj) {
var funcMap = {};
var sections = JSON.stringify(obj, function(k, v) {
if (typeof v === 'function') {
funcMap[k] = v;
return ['@@function@@', k, '@@function@@'].join('');
}
return v;
}).split(/"?@@function@@"?/g);
for (var i = 1; i < sections.length-1; i+=2) {
sections[i] = funcMap[sections[i]];
}
return sections.join('');
}
如果您需要在引用不同函数的嵌套对象中使用相同的属性名,则需要做更多的工作。
最初写道:
对Jade不够熟悉,无法在其中键入这些,但是使用EJS,您可以这样做:
<script>
var configObject = {
<% for (var key in configObject) {
if (configObject.hasOwnProperty(key)) { %>
<%- key %>:
<% if (typeof configObject[key] === 'function') { %>
<%- configObject[key].toString() %>
<% } else { %>
<%- JSON.stringify(configObject[key]) %>
<% } %>
<% } } %>
};
</script>