Skip to content

Bits of .NET

Daily micro-tips for C#, SQL, performance, and scalable backend engineering.

  • Asp.Net Core
  • C#
  • SQL
  • JavaScript
  • CSS
  • About
  • ErcanOPAK.com
  • No Access
  • Privacy Policy
JavaScript

JavaScript: Working with JSON Data

- 16.08.26 - ErcanOPAK

📄 JSON = Data Exchange

JSON is everywhere. JSON parsing and manipulation is essential for JavaScript developers.

📝 JSON Operations

// Parse JSON
const jsonString = '{"name":"John","age":30}';
const obj = JSON.parse(jsonString);

// Stringify JSON
const objData = { name: 'John', age: 30 };
const jsonData = JSON.stringify(objData);

// Pretty Print
console.log(JSON.stringify(objData, null, 2));

// Handle Errors
try {
    const data = JSON.parse(invalidJson);
} catch (error) {
    console.error('Invalid JSON:', error);
}

// Nested JSON
const data = {
    user: {
        name: 'John',
        address: {
            city: 'New York',
            country: 'USA'
        }
    }
};

// Access Nested Properties
const city = data.user.address.city;

🎯 Advanced JSON

// JSON with Dates
const withDate = {
    name: 'John',
    createdAt: new Date()
};
const json = JSON.stringify(withDate);
// Dates become strings

// Custom Serialization
const data = {
    name: 'John',
    toJSON() {
        return { name: this.name.toUpperCase() };
    }
};

// JSON Reviver
const jsonData = '{"name":"John","createdAt":"2024-01-15T10:00:00Z"}';
const parsed = JSON.parse(jsonData, (key, value) => {
    if (key === 'createdAt') {
        return new Date(value);
    }
    return value;
});

// Deep Clone
const original = { a: 1, b: { c: 2 } };
const cloned = JSON.parse(JSON.stringify(original));

// JSON Validation
function isValidJSON(str) {
    try {
        JSON.parse(str);
        return true;
    } catch {
        return false;
    }
}

// Merge JSON Objects
function mergeJSON(obj1, obj2) {
    return { ...obj1, ...obj2 };
}

💡 JSON Tips

  • Always validate JSON
  • Use try-catch for parsing
  • Pretty print for debugging
  • Handle nested data carefully
  • Use JSON schema for validation

JSON is the backbone of data exchange. Mastering JSON operations is essential for modern developers.

— Full Stack Developer

Related posts:

AJAX Requests Canceled on Page Navigation

Modern Fetch with Async/Await

JavaScript: Use Destructuring to Extract Values Elegantly

Post Views: 7

Post navigation

HTML: Building a Portfolio Page with Semantic Elements
AJAX: Filtering, Sorting, and Pagination in APIs

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

October 2026
M T W T F S S
 1234
567891011
12131415161718
19202122232425
262728293031  
« Sep    

Most Viewed Posts

  • Get the User Name and Domain Name from an Email Address in SQL (973)
  • How to make theater mode the default for Youtube (952)
  • How to add default value for Entity Framework migrations for DateTime and Bool (939)
  • Get the First and Last Word from a String or Sentence in SQL (847)
  • How to select distinct rows in a datatable in C# (837)
  • How to enable, disable and check if Service Broker is enabled on a database in SQL Server (624)
  • Add Constraint to SQL Table to ensure email contains @ (590)
  • Average of all values in a column that are not zero in SQL (553)
  • How to use Map Mode for Vertical Scroll Mode in Visual Studio (526)
  • Find numbers with more than two decimal places in SQL (468)

Recent Posts

  • CSS: Fix a prefers-color-scheme Media Query That Gets Silently Overridden by a Browser Extension’s Forced Dark Mode
  • Git: Fix a Merge Commit That Silently Drops a File Because Both Branches Deleted It Differently
  • HTML5: Fix a Native Lazy-Loading Image That Never Loads Because It Sits Inside a Hidden Tab Until the User Clicks It
  • The AI Prompt That Traces a Null Reference Exception Back to the Exact Line That First Produced the Null
  • The AI Prompt That Turns a Gym Membership Contract’s Fine Print Into a Plain-English List of Cancellation Steps
  • Photoshop: Fix a Color Profile Mismatch That Makes Printed Output Look Nothing Like What You Saw On Screen
  • WordPress: Fix Search Results That Return Pages From a Theme You Deactivated Months Ago
  • Visual Studio: Fix a Test Project That Builds Fine Alone but Fails to Discover Any Tests After a NuGet Restore
  • ASP.NET Core: Fix a File Upload That Times Out on Slow Connections Only Because Kestrel’s Minimum Data Rate Feature Kicked In
  • JavaScript: Fix an Array Destructuring Default Value That Silently Never Applies Because null Was Passed Instead of Undefined

Most Viewed Posts

  • Get the User Name and Domain Name from an Email Address in SQL (973)
  • How to make theater mode the default for Youtube (952)
  • How to add default value for Entity Framework migrations for DateTime and Bool (939)
  • Get the First and Last Word from a String or Sentence in SQL (847)
  • How to select distinct rows in a datatable in C# (837)

Recent Posts

  • CSS: Fix a prefers-color-scheme Media Query That Gets Silently Overridden by a Browser Extension’s Forced Dark Mode
  • Git: Fix a Merge Commit That Silently Drops a File Because Both Branches Deleted It Differently
  • HTML5: Fix a Native Lazy-Loading Image That Never Loads Because It Sits Inside a Hidden Tab Until the User Clicks It
  • The AI Prompt That Traces a Null Reference Exception Back to the Exact Line That First Produced the Null
  • The AI Prompt That Turns a Gym Membership Contract’s Fine Print Into a Plain-English List of Cancellation Steps

Social

  • ErcanOPAK.com
  • GoodReads
  • LetterBoxD
  • Linkedin
  • The Blog
  • Twitter
© 2026 Bits of .NET | Built with Xblog Plus free WordPress theme by wpthemespace.com