


php小编新一在使用JavaScript格式化JSON时可能会遇到一个常见问题,即由于数据中的双引号标志,导致出现错误。这是因为在JavaScript中,双引号用于定义字符串,所以当数据中出现双引号时,JavaScript会将其解析为字符串的结束标志,从而导致错误。为了解决这个问题,可以使用转义字符\"来转义双引号,告诉JavaScript这是一个普通的双引号而不是字符串的结束标志,从而成功格式化JSON数据。
问题内容
我使用以下代码片段,在页面上清晰地显示 <pre class="brush:php;toolbar:false"></pre>
标记中的所有 json 字符串,其中 id="jsontext"
。
var p = document.queryselectorall("#jsontext"); var parray = [...p] parray.foreach(p => { var data = p.textcontent; p.textcontent = json.stringify(json.parse(data), null, 2); });
但是,当数据中存在双引号 (") 时,我会收到错误。
注意:json 中有问题的字段是“description”键值中的“hardcore”部分。
错误:
jquery.min.js:2 uncaught syntaxerror: expected ',' or '}' after property value in json at position 289 at json.parse (<anonymous>) at getnews:152:33 at array.foreach (<anonymous>) at htmldocument.<anonymous> (getnews:143:20) at e (jquery.min.js:2:30005) at t (jquery.min.js:2:30307) (anonymous) @ getnews:152 (anonymous) @ getnews:143 . . .
我尝试了各种正则表达式方法来纠正双引号,但这些方法导致插入不应插入转义字符的位置,或者根本不起作用。
这是 <pre class="brush:php;toolbar:false"></pre>
标记中的 json 文本。 (这些字段由 golang 的模板填充。)
<pre id="jsontext">{"guid": "{{.id}}", "title": "{{.title}}", "url": "{{.url}}", "description": "{{.description}}", "sourcename": "{{.sourcename}}", "sourceurl": "{{.sourceurl}}", "imageurl": "{{.imageurl}}", "language": "{{.language}}", "location": "{{.location}}", "time": {{.time}}, "tags": "{{.tags}}", "type": {{.type}}}
我尝试了方法1:
var escapeddata = data.replace(/\"/g, "\\\""); console.log("escaped json: ", escapeddata); jsondata = json.parse(escapeddata); p.textcontent = json.stringify(jsondata, null, 2); console.log("fixed json: ", p.textcontent);
注意:json 中有问题的字段是“description”键值中的“hardcore”部分。
输入:
{ "guid": "https://www.bbc.co.uk/news/business-63648505", "title": "elon musk tells twitter staff to work long hours or leave", "url": "https://www.bbc.co.uk/news/business-63648505?at_medium=rss&at_campaign=karanga", "description": "elon musk says workers at the social media firm must be "hardcore" if they want to stay, reports say.", "sourcename": "bbc", "sourceurl": "https://www.bbc.com/news", "imageurl": "https://www.bbc.com/news/special/2015/newsspec_10857/bbc_news_logo.png?cb=1", "language": "en", "location": "uk", "time": 1668616715, "tags": "", "type": 2 }
输出:
escaped json: {\"guid\": \"https://www.bbc.co.uk/news/business-63648505\", \"title\": \"elon musk tells twitter staff to work long hours or leave\", \"url\": \"https://www.bbc.co.uk/news/business-63648505?at_medium=rss&at_campaign=karanga\", \"description\": \"elon musk says workers at the social media firm must be \"hardcore\" if they want to stay, reports say.\", \"sourcename\": \"bbc\", \"sourceurl\": \"https://www.bbc.com/news\", \"imageurl\": \"https://www.bbc.com/news/special/2015/newsspec_10857/bbc_news_logo.png?cb=1\", \"language\": \"en\", \"location\": \"uk\", \"time\": 1668616715, \"tags\": \"\", \"type\": 2}
我尝试了方法2:
var escapedData = data.replace(/"([^"]+)"/g, function(match, capture) { return '"' + capture.replace(/"/g, "\\\"") + '"'; }); jsonData = JSON.parse(escapedData); p.textContent = JSON.stringify(jsonData, null, 2); console.log("Fixed JSON: ", p.textContent);
方法 2 的输出与输入相同。
我想要的只是 json 文本看起来像这样。
预先感谢您的帮助。
解决方法
由于您使用带有 handlebars 的 goland 模板,如果描述字段包含引号(如您所描述的),您的 json 格式将会失败。您的扩展字符串:
"description": "elon musk says workers at the social media firm must be "hardcore" if they want to stay, reports say.",
需要转义为:
"description": "elon musk says workers at the social media firm must be \"hardcore\" if they want to stay, reports say.",
我不熟悉 golang 的 handlebars,但假设它与常规 handlebars 兼容,您可以注册一个辅助函数来正确转义双引号,以便使用,例如:
"description": "{{{escapequotes .description}}}",
定义辅助函数来转义引号,如下所示:
Handlebars.registerHelper('escapeQuotes', function (aString) { return aString.replace(/"/g, '\\"'); });
您可以在 handlebars 游乐场上尝试一下,网址为 https://www.php.cn/link/fd92a703e837c873aca02bf1edfafcfe一个>
The above is the detailed content of When formatting JSON using JavaScript, I get an error due to the '(double quote) flag in the data. For more information, please follow other related articles on the PHP Chinese website!

This article explains Go's package import mechanisms: named imports (e.g., import "fmt") and blank imports (e.g., import _ "fmt"). Named imports make package contents accessible, while blank imports only execute t

This article details efficient conversion of MySQL query results into Go struct slices. It emphasizes using database/sql's Scan method for optimal performance, avoiding manual parsing. Best practices for struct field mapping using db tags and robus

This article explains Beego's NewFlash() function for inter-page data transfer in web applications. It focuses on using NewFlash() to display temporary messages (success, error, warning) between controllers, leveraging the session mechanism. Limita

This article explores Go's custom type constraints for generics. It details how interfaces define minimum type requirements for generic functions, improving type safety and code reusability. The article also discusses limitations and best practices

This article demonstrates creating mocks and stubs in Go for unit testing. It emphasizes using interfaces, provides examples of mock implementations, and discusses best practices like keeping mocks focused and using assertion libraries. The articl

This article details efficient file writing in Go, comparing os.WriteFile (suitable for small files) with os.OpenFile and buffered writes (optimal for large files). It emphasizes robust error handling, using defer, and checking for specific errors.

The article discusses writing unit tests in Go, covering best practices, mocking techniques, and tools for efficient test management.

This article explores using tracing tools to analyze Go application execution flow. It discusses manual and automatic instrumentation techniques, comparing tools like Jaeger, Zipkin, and OpenTelemetry, and highlighting effective data visualization


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

SublimeText3 Linux new version
SublimeText3 Linux latest version

SecLists
SecLists is the ultimate security tester's companion. It is a collection of various types of lists that are frequently used during security assessments, all in one place. SecLists helps make security testing more efficient and productive by conveniently providing all the lists a security tester might need. List types include usernames, passwords, URLs, fuzzing payloads, sensitive data patterns, web shells, and more. The tester can simply pull this repository onto a new test machine and he will have access to every type of list he needs.

WebStorm Mac version
Useful JavaScript development tools

SublimeText3 English version
Recommended: Win version, supports code prompts!
