As you asked, here's how to do it:

  1. Mapping the array to an object
  2. Converting the object to JSON

let array = [{
    Field: 'Key',
    Value: '7'
  },
  {
    Field: 'City',
    Value: 'Some City'
  },
  {
    Field: 'Description',
    Value: 'Some Description'
  }
];

// #1 Mapping the array to an object...
let obj = {};
array.forEach(item => obj[item.Field] = item.Value);

// #2 Converting the object to JSON...
let json = JSON.stringify(obj);

console.log(json);

Bonus (ES6 + reduce):

const obj = array.reduce((acc, { Field, Value }) => ({ ...acc, [Field]: Value }), {});
Answer from Maxime Gélinas on Stack Overflow
🌐
Webdevtutor
webdevtutor.net › blog › typescript-array-to-json-object
Converting TypeScript Array to JSON Object: A Comprehensive Guide
One of the simplest ways to convert a TypeScript array to a JSON object is by using the JSON.stringify() method.
Discussions

TypeScript - how to parse JSON array into array of custom objects
I'm relatively new to this space, so apologies if I'm using some of the wrong terminology. Feel free to ask for clarification. I have some typescript interfaces: export interface Item { id: More on stackoverflow.com
🌐 stackoverflow.com
Convert JSON file to Typescript Array of Objects

The interface has an iD field and the json has a date field. They need to be the same types. You also might need to use JSON.parse(stringValue) depending on how you are getting the JSON data.

More on reddit.com
🌐 r/Angular2
7
3
June 26, 2020
How to convert JSON object to an Typescript array? - Stack Overflow
You have a JSON object that contains an Array. You need to access the array results. More on stackoverflow.com
🌐 stackoverflow.com
August 21, 2017
TypeScript casting json array - Stack Overflow
It's either an array, or data in the JSON format. That looks an awful lot like an array to me, irrespective of what you call the variable that holds it... ... This is not a duplicate. Again editors rush to gain new SO badge instead of giving the propert consiseration to a question. There is no answer to the question in the link proposed as being unique question. ... Save this answer. ... Show activity on this post. ... TypeScript ... More on stackoverflow.com
🌐 stackoverflow.com
🌐
Stack Overflow
stackoverflow.com › questions › 69854460 › convert-array-to-json-in-typescript
convert array to json in typescript - Stack Overflow
If you want to add the value field, you can manually add it first, before converting into JSON. ... let array = ['element1', 'element2', 'element3'] let arrayWithValue = array.map(el => ({value: el})); console.log(JSON.stringify(arrayWithValue));
🌐
Webdevtutor
webdevtutor.net › blog › typescript-array-to-json
Converting TypeScript Array to JSON: A Comprehensive Guide
The simplest way to convert a TypeScript array to JSON is by using the JSON.stringify() method.
🌐
GeeksforGeeks
geeksforgeeks.org › typescript › how-to-convert-an-object-to-a-json-string-in-typescript
How to Convert an Object to a JSON String in Typescript ? - GeeksforGeeks
July 23, 2025 - This method is particularly useful for objects with nested structures, arrays, or non-serializable properties that require custom handling during serialization. Example: The following example demonstrates how to use a recursive object flattening function to convert an object into a JSON string in TypeScript.
🌐
ReqBin
reqbin.com › code › javascript › n2ek7onb › javascript-array-to-json-example
How do I convert JavaScript array to JSON?
To convert a JavaScript array to a JSON data string, you can use the JSON.stringify(value, replacer, space) method.
Find elsewhere
🌐
CodeSignal
codesignal.com › learn › courses › hierarchical-and-structured-data-formats-in-ts › lessons › introduction-to-json-like-structures-in-typescript
Introduction to JSON-like Structures in TypeScript
This ensures values assigned to each key correspond to predetermined data types. Arrays: Arrays in TypeScript contain ordered items of a specific data type. Specifying types helps in maintaining consistency in data stored within an array. These structures form the backbone of JSON representations in TypeScript.
🌐
Bguppl
bguppl.github.io › interpreters › practice_sessions › ps1.html
TypeScript: Complex Data Types, JSON, Map, Filter, Reduce | Principles of Programming Languages
We verified that this complex structure ... into JSON, and then parsed back into an identical value (this is a round-trip that preserves the value). We can look at the type of studentData as a tree of simpler values: ... This can be made more readable if we name the types, using the type alias TypeScript construct to name map compound ...
🌐
Choly
choly.ca › post › typescript-json
TypeScript: Working with JSON · Choly's Blog
When JSON.stringify is invoked on an object, it checks for a method called toJSON to convert the data before ‘stringifying’ it.
🌐
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects › JSON › stringify
JSON.stringify() - JavaScript - MDN Web Docs
August 28, 2026 - The JSON.stringify() static method converts a JavaScript value to a JSON string, optionally replacing values if a replacer function is specified or optionally including only the specified properties if a replacer array is specified.
🌐
Reddit
reddit.com › r/angular2 › convert json file to typescript array of objects
r/Angular2 on Reddit: Convert JSON file to Typescript Array of Objects
June 26, 2020 -

I am reading in a JSON file and attempting to convert them to an array of objects. I get a syntax error on the component file.

This is the component code:

import * as blogs from '../story/stories.json';
import { IStory } from '../models/story';

@Component({
  selector: 'app-story',
  templateUrl: './story.component.html',
  styleUrls: ['./story.component.scss']
})
export class StoryComponent implements OnInit {
  stories: IStory[] ;
  constructor() { }

  ngOnInit() {
    this.stories = blogs; <-- syntax error on this line
      
  }

this is the story.ts file:

export interface IStory {
    id: number;
    author: string;
    title: string;
    pictureUrl: string;
    body: string;
  }

This is the json file, stories.json

[
{"date":3,"author":"AVC", "pictureUrl":"Scorching", "title":"Scorching", "body":"Scorching"},
{"date":4,"author":"ADF", "pictureUrl":"Scorching", "title":"Scorching", "body":"Scorching"}
]
🌐
Boot.dev
boot.dev › blog › javascript › converting an array to a json object in javascript
Converting an Array to a JSON Object in JavaScript | Boot.dev
October 1, 2022 - The JSON.stringify() method converts a JavaScript object, array, or value to a JSON string.
🌐
Codedamn
codedamn.com › news › javascript
How to convert an array to a JSON object
November 18, 2022 - We can also see that the data type of the object has been converted to a string. To convert the JSON data to the actual data i.e object, array, etc we can use the parse() method which works exactly reverse to that of the stringify() method.