Converting data from a JSON-like file format into valid JSON using JavaScript

Question

Converting data from a JSON-like file format into valid JSON using JavaScript

I have a unique situation where I am dealing with numerous files that have an unusual file extension.

My goal is to utilize JavaScript to read these files and then convert their contents into either JSON or regular JavaScript objects. Is this task even feasible?

I am somewhat optimistic because the file structure closely resembles JSON:

// file.unusualFileType

Page: {
  id: P001
  Title: "Page Title"
  URL: "/home"
  Elements: {
    Button: {
      Text: "Click me"
      Action: SAVE
    }
  }
}

EDIT: Thanks to Håken Lid, my specific issue has been resolved. However, I still have a lingering curiosity about how one could go about reading any file as a string using JavaScript and potentially parsing such content.

javascript json parsing

Answer 1

Answer №1

Converting this code snippet into valid yaml format involves removing the curly brackets. By utilizing js-yaml to parse the example data, you may find that it can be integrated seamlessly with your other files as well.

const rawData = `
Page: {
  id: P001
  Title: "Page Title"
  URL: "/home"
  Elements: {
    Button: {
      Text: "Click me"
      Action: SAVE
    }
  }
}`
const yamlData = rawData.replace(/[{}]/g, '')
console.log(jsyaml.load(yamlData))

<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.13.1/js-yaml.min.js"></script>

Answer 2

Converting this code snippet into valid yaml format involves removing the curly brackets. By utilizing js-yaml to parse the example data, you may find that it can be integrated seamlessly with your other files as well.

const rawData = `
Page: {
  id: P001
  Title: "Page Title"
  URL: "/home"
  Elements: {
    Button: {
      Text: "Click me"
      Action: SAVE
    }
  }
}`
const yamlData = rawData.replace(/[{}]/g, '')
console.log(jsyaml.load(yamlData))

<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/3.13.1/js-yaml.min.js"></script>

Converting data from a JSON-like file format into valid JSON using JavaScript

Answer №1

Similar questions

Tips for creating Selenium code to verify the asterisk symbol

Unknown custom element error in Laravel and Vuetify

Even with the use of setTimeout, Angular 5 fails to recognize changes during a lengthy operation

The functionality of TypeScript's instanceof operator may fail when the method argument is not a simple object

What is the most effective way to divide input elements into an array in Angular?

Is using the new Date function as a key prop in React a good

The issue with Yasson is its inability to accurately convert subclasses

IntelliJ has removed the connect-flash plugin, preventing me from reinstalling it

Having trouble locating an external Javascript file in a Node.JS/Express app with Jade template?

Node.js is essential when using Angular for implementing ui-select components

Steps to resolve the 'Unknown keyword' issue while packaging a CSS file using webpack

Integrate a feature in your form that allows users to preview and edit their submission before finalizing

Pressing the "Enter" key in a .Net WinForm Browser Control

Ways to eliminate all attributes and their corresponding values within HTML tags

Exploring Next.js with getStaticPaths for multi-language support

"Simultaneously creating a Firebase user account and populating the database with user

Optimal guidelines for logging in

Deep Dive into TypeScript String Literal Types

Utilize jQuery and JSP (or PHP) to showcase detailed information about a specific item when a user clicks on it within an HTML page

Having difficulty converting a JSON array of objects into a JSON object using a jolt transformer