à°à°®à°¿à°à°¿ JSON.stringify à°ªà°¦à±à°§à°¤à°¿?

Highlight.js à°à°à°à± à°à°®à°¿à°à°¿?

జావాస్క్రిప్ట్‌లో

Noah Rousseau

27, జూన్ 2024, గురువారం 9:35:16 PMకి

JSONని మానవులకు మరింత చదవగలిగేలా చేయడం

JSONతో పని చేయడం డెవలపర్‌లకు ఒక సాధారణ పని, ముఖ్యంగా APIలు మరియు డేటా నిల్వతో వ్యవహరించేటప్పుడు. అయినప్పటికీ, ముడి JSON ఫార్మాటింగ్ లేకపోవడం వల్ల చదవడం మరియు అర్థం చేసుకోవడం కష్టం. JSONని మరింత ప్రాప్యత చేయాలనుకుంటున్న వారికి, సరైన ఇండెంటేషన్ మరియు వైట్‌స్పేస్‌ని వర్తింపజేయడం చాలా ముఖ్యం.

ఈ ఆర్టికల్‌లో, మేము జావాస్క్రిప్ట్‌ని ఉపయోగించి JSONని అందంగా-ప్రింట్ చేయడానికి వివిధ పద్ధతులను అన్వేషిస్తాము. మేము ప్రాథమిక ఇండెంటేషన్ మరియు వైట్‌స్పేస్ టెక్నిక్‌లను మాత్రమే కాకుండా రంగులు మరియు ఫాంట్ స్టైల్‌లతో రీడబిలిటీని ఎలా మెరుగుపరచాలో కూడా కవర్ చేస్తాము. ముడి JSONని మానవ-స్నేహపూర్వక ఆకృతికి మార్చడంలో ఈ గైడ్ మీకు సహాయం చేస్తుంది.

ఆదేశం	వివరణ
JSON.stringify(json, null, 2)	2-స్పేస్ ఇండెంటేషన్‌తో JavaScript ఆబ్జెక్ట్‌ను JSON స్ట్రింగ్‌గా మారుస్తుంది.
.replace(/(".*?"\|null\|true\|false\|\d+)/g, ...)	అనుకూల ఫార్మాటింగ్ కోసం నిర్దిష్ట JSON మూలకాలను గుర్తించడానికి సాధారణ వ్యక్తీకరణను ఉపయోగిస్తుంది.
http.createServer(...).listen()	Node.jsలో పేర్కొన్న పోర్ట్‌లో వినే HTTP సర్వర్‌ని సృష్టిస్తుంది.
res.writeHead(200, { 'Content-Type': 'application/json' })	కంటెంట్ రకం JSON అని సూచించడానికి HTTP ప్రతిస్పందన హెడర్‌ను సెట్ చేస్తుంది.
res.end()	ప్రతిస్పందనను క్లయింట్‌కు తిరిగి పంపుతుంది మరియు అన్ని ప్రతిస్పందన హెడర్‌లు మరియు విషయం పంపబడినట్లు సంకేతాలు ఇస్తుంది.
document.body.innerHTML	పత్రంలో శరీర మూలకం యొక్క HTML కంటెంట్‌ను సెట్ చేస్తుంది లేదా పొందుతుంది.

JSON ఫార్మాటింగ్ స్క్రిప్ట్‌ల వివరణాత్మక వివరణ

మొదటి స్క్రిప్ట్ అనేది ఇండెంటేషన్‌ని జోడించి మరియు కలర్ కోడింగ్‌ని వర్తింపజేయడం ద్వారా JSONని అందంగా-ప్రింట్ చేయడానికి రూపొందించబడిన ఫ్రంటెండ్ జావాస్క్రిప్ట్ సొల్యూషన్. అనే ఫంక్షన్‌తో స్క్రిప్ట్ ప్రారంభమవుతుంది prettyPrintJSON, ఇది JSON వస్తువును ఇన్‌పుట్‌గా తీసుకుంటుంది. ఈ ఫంక్షన్ లోపల, JSON ఆబ్జెక్ట్ 2-స్పేస్ ఇండెంటేషన్‌తో స్ట్రింగ్‌గా మార్చబడుతుంది JSON.stringify(json, null, 2) పద్ధతి. అవసరమైన వైట్‌స్పేస్‌ని జోడించడం ద్వారా JSON మరింత చదవగలిగేలా ఇది నిర్ధారిస్తుంది. పఠనీయతను మరింత మెరుగుపరచడానికి, స్క్రిప్ట్ aని ఉపయోగిస్తుంది .replace(/(".*?"|null|true|false|\d+)/g, ...) స్ట్రింగ్‌లు, నంబర్‌లు, బూలియన్‌లు మరియు శూన్య విలువలు వంటి నిర్దిష్ట JSON మూలకాలను సరిపోల్చడానికి సాధారణ వ్యక్తీకరణతో కూడిన పద్ధతి. సరిపోలిన ప్రతి మూలకం a లో చుట్టబడి ఉంటుంది సంబంధిత తరగతితో ట్యాగ్ చేయండి, ప్రతి డేటా రకానికి వేర్వేరు రంగులను వర్తింపజేయడానికి CSSని అనుమతిస్తుంది. ఫార్మాట్ చేయబడిన JSON స్ట్రింగ్ ఉపయోగించి డాక్యుమెంట్ బాడీలోకి చొప్పించబడుతుంది document.body.innerHTML.

రెండవ స్క్రిప్ట్ JSONను అందంగా-ప్రింట్ చేయడానికి Node.jsని ఉపయోగించే బ్యాకెండ్ పరిష్కారం. ఈ స్క్రిప్ట్ ఒక HTTP సర్వర్‌ని సృష్టిస్తుంది http.createServer(...), ఇది ఉపయోగించి పేర్కొన్న పోర్ట్‌లో ఇన్‌కమింగ్ అభ్యర్థనలను వింటుంది .listen(). అభ్యర్థనను స్వీకరించిన తర్వాత, సర్వర్ రీడబిలిటీ కోసం ఫార్మాట్ చేయబడిన JSON ఆబ్జెక్ట్‌తో ప్రతిస్పందిస్తుంది. JSON ఆబ్జెక్ట్ ఉపయోగించి ఇండెంటేషన్‌తో స్ట్రింగ్‌గా మార్చబడుతుంది JSON.stringify(json, null, 2). ప్రతిస్పందన హెడర్ కంటెంట్ రకం JSONతో ఉందని సూచించడానికి సెట్ చేయబడింది res.writeHead(200, { 'Content-Type': 'application/json' }). చివరగా, అందంగా-ముద్రించిన JSON స్ట్రింగ్ ఉపయోగించి క్లయింట్‌కు పంపబడుతుంది res.end(). ఈ స్క్రిప్ట్ డెవలపర్‌లు సర్వర్ చిరునామాకు నావిగేట్ చేయడం ద్వారా వారి బ్రౌజర్‌లో చక్కగా ఫార్మాట్ చేయబడిన JSON అవుట్‌పుట్‌ను త్వరగా చూడటానికి అనుమతిస్తుంది.

మెరుగైన రీడబిలిటీ కోసం JSONని ఫార్మాట్ చేయడానికి జావాస్క్రిప్ట్‌ని ఉపయోగించడం

ఫ్రంటెండ్ జావాస్క్రిప్ట్

// Function to pretty-print JSON with indentation and colors
function prettyPrintJSON(json) {
  // Convert JSON object to string with 2-space indentation
  const jsonString = JSON.stringify(json, null, 2);
  // Replace specific characters for color coding
  return jsonString.replace(/(".*?"|null|true|false|\d+)/g, match => {
    let cls = "number";
    if (/^".*"$/.test(match)) {
      cls = "string";
    } else if (/true|false/.test(match)) {
      cls = "boolean";
    } else if (/null/.test(match)) {
      cls = "null";
    }
    return `<span class="${cls}">${match}</span>`;
  });
}
// JSON data
const jsonData = {
  "name": "John",
  "age": 30,
  "city": "New York",
  "isStudent": false
};
// Display formatted JSON
document.body.innerHTML = `<pre>${prettyPrintJSON(jsonData)}</pre>`;

ప్రెట్టీ-ప్రింట్ JSONకి బ్యాకెండ్ అప్రోచ్

Node.jsతో బ్యాకెండ్

const http = require('http');
const url = require('url');
// Function to pretty-print JSON
function prettyPrintJSON(json) {
  return JSON.stringify(json, null, 2);
}
// Create HTTP server
http.createServer((req, res) => {
  res.writeHead(200, { 'Content-Type': 'application/json' });
  // Sample JSON data
  const jsonData = {
    name: "John",
    age: 30,
    city: "New York",
    isStudent: false
  };
  // Send pretty-printed JSON
  res.end(prettyPrintJSON(jsonData));
}).listen(3000, () => {
  console.log('Server running at http://localhost:3000');
});

అదనపు సాధనాలతో JSON రీడబిలిటీని మెరుగుపరుస్తుంది

మునుపటి పరిష్కారాలు JSONని ప్రెట్టీ-ప్రింట్ చేయడానికి ఫ్రంటెండ్ మరియు బ్యాకెండ్ జావాస్క్రిప్ట్ పద్ధతులపై దృష్టి సారించినప్పటికీ, JSON రీడబిలిటీని మరింత మెరుగుపరచగల ఇతర సాధనాలు మరియు సాంకేతికతలు ఉన్నాయి. బ్రౌజర్ పొడిగింపులు లేదా ఆన్‌లైన్ సాధనాలను ఉపయోగించడం ఒక ప్రసిద్ధ విధానం. JSONView లేదా JSON ఫార్మాటర్ వంటి పొడిగింపులు బ్రౌజర్‌లో స్వయంచాలకంగా JSONని ఫార్మాట్ చేయగలవు, రీడబిలిటీని మెరుగుపరచడానికి ఇండెంటేషన్ మరియు కలర్ కోడింగ్‌ని జోడిస్తాయి. APIలతో తరచుగా పరస్పర చర్య చేసే డెవలపర్‌లకు ఈ సాధనాలు ప్రత్యేకంగా ఉపయోగపడతాయి మరియు అదనపు కోడ్‌ను వ్రాయకుండా JSON డేటాను త్వరగా అన్వయించి, అర్థం చేసుకోవాలి.

మరొక ఉపయోగకరమైన పద్ధతిలో Highlight.js లేదా Prism.js వంటి లైబ్రరీలను పెంచడం ఉంటుంది, ఇవి JSONతో సహా వివిధ ప్రోగ్రామింగ్ భాషల కోసం సింటాక్స్ హైలైటింగ్‌ని నిర్వహించడానికి రూపొందించబడ్డాయి. JSON డేటాను డైనమిక్‌గా ఫార్మాట్ చేయడానికి మరియు హైలైట్ చేయడానికి ఈ లైబ్రరీలను వెబ్ అప్లికేషన్‌లలో విలీనం చేయవచ్చు. ఉపయోగించడం ద్వార Highlight.js, మీరు JSON స్ట్రింగ్‌లకు ముందే నిర్వచించిన థీమ్‌లను వర్తింపజేయవచ్చు, వివిధ డేటా రకాల మధ్య తేడాను సులభంగా గుర్తించవచ్చు. అదనంగా, అటువంటి లైబ్రరీలను మీ డెవలప్‌మెంట్ వర్క్‌ఫ్లోలో ఏకీకృతం చేయడం వలన సమయాన్ని ఆదా చేయవచ్చు మరియు వివిధ ప్రాజెక్ట్‌లలో JSON ఫార్మాటింగ్‌లో స్థిరత్వాన్ని నిర్ధారిస్తుంది.

JSON ఫార్మాటింగ్ గురించి తరచుగా అడిగే ప్రశ్నలు

అందంగా ప్రింటింగ్ JSON అంటే ఏమిటి?
ప్రెట్టీ-ప్రింటింగ్ JSON అనేది మనుషులకు మరింత చదవగలిగేలా చేయడానికి ఇండెంటేషన్ మరియు వైట్‌స్పేస్‌తో JSON డేటాను ఫార్మాట్ చేయడాన్ని సూచిస్తుంది.
JSON ఫార్మాటింగ్ ఎందుకు ముఖ్యమైనది?
సరైన JSON ఫార్మాటింగ్ రీడబిలిటీని మెరుగుపరుస్తుంది మరియు డెవలపర్‌లు డేటా యొక్క నిర్మాణం మరియు కంటెంట్‌ను త్వరగా అర్థం చేసుకోవడంలో సహాయపడుతుంది.
ఏమిటి JSON.stringify పద్ధతి?
ది JSON.stringify పద్ధతి జావాస్క్రిప్ట్ వస్తువును JSON స్ట్రింగ్‌గా మారుస్తుంది.
ఎలా చేస్తుంది JSON.stringify అందంగా-ముద్రించడంలో సహాయం చేయాలా?
ఉత్తీర్ణత ద్వారా JSON.stringify మూడవ ఆర్గ్యుమెంట్ (ఇండెంటేషన్ స్థాయి), మీరు ఇండెంటేషన్‌తో JSON స్ట్రింగ్‌ను ఫార్మాట్ చేయవచ్చు.
Highlight.js అంటే ఏమిటి?
Highlight.js అనేది సింటాక్స్ హైలైటింగ్ కోసం లైబ్రరీ, దీనిని JSON డేటాను ఫార్మాట్ చేయడానికి మరియు హైలైట్ చేయడానికి ఉపయోగించవచ్చు.
JSONని ఫార్మాట్ చేయడానికి నేను బ్రౌజర్ పొడిగింపులను ఉపయోగించవచ్చా?
అవును, JSONView లేదా JSON ఫార్మాటర్ వంటి పొడిగింపులు మీ బ్రౌజర్‌లో స్వయంచాలకంగా JSONని ఫార్మాట్ చేయగలవు.
యొక్క ప్రయోజనం ఏమిటి replace JSON ఫార్మాటింగ్‌లో పద్ధతి?
ది replace విభిన్న JSON మూలకాలకు రంగు కోడింగ్‌ని జోడించడానికి సాధారణ వ్యక్తీకరణతో పద్ధతిని ఉపయోగించవచ్చు.
ప్రెట్టీ-ప్రింటింగ్ JSON కోసం సాధారణంగా ఉపయోగించే సందర్భం ఏమిటి?
డీబగ్గింగ్ చేసేటప్పుడు లేదా సాంకేతికత లేని వాటాదారులకు JSON డేటాను ప్రదర్శించేటప్పుడు అందంగా ప్రింటింగ్ JSON సాధారణంగా ఉపయోగించబడుతుంది.
Node.jsలో నేను JSONని ఎలా ప్రింట్ చేయగలను?
మీరు Node.jsలో HTTP సర్వర్‌ని సృష్టించి ఉపయోగించవచ్చు JSON.stringify JSON ప్రతిస్పందనలను ఫార్మాట్ చేయడానికి.

JSON ఫార్మాటింగ్‌పై తుది ఆలోచనలు

డేటా యొక్క రీడబిలిటీ మరియు వినియోగాన్ని మెరుగుపరచడానికి ప్రెట్టీ-ప్రింటింగ్ JSON అవసరం. JavaScriptని ఉపయోగించి, డెవలపర్‌లు JSONని మరింత మానవ-స్నేహపూర్వకంగా చేయడానికి ఇండెంటేషన్, వైట్‌స్పేస్ మరియు కలర్ కోడింగ్‌ని వర్తింపజేయవచ్చు. అదనంగా, బ్రౌజర్ పొడిగింపులు మరియు సింటాక్స్ హైలైటింగ్ లైబ్రరీలను ప్రభావితం చేయడం వల్ల ఫార్మాటింగ్‌ను మరింత మెరుగుపరచవచ్చు. ఈ పద్ధతులు సమిష్టిగా JSON డేటా యొక్క మెరుగైన డీబగ్గింగ్ మరియు ప్రెజెంటేషన్‌లో సహాయపడతాయి, డేటా హ్యాండ్లింగ్‌లో స్పష్టత మరియు సామర్థ్యాన్ని నిర్ధారిస్తాయి.

జావాస్క్రిప్ట్‌లో హ్యూమన్ రీడబిలిటీ కోసం JSONని ఫార్మాటింగ్ చేస్తోంది