You can use [`JSON.stringify`][4] natively within browsers and just pass in spacer arguments like this:




    JSON.stringify(data, null, 2)

### Demo in [jsFiddle][5] & Stack Snippets





    // listener
    $(":input").on("keyup change", WriteFormDataToDiv);

    // call on load
    WriteFormDataToDiv()

    function WriteFormDataToDiv() {
      var data = $(":input").serializeArray()
      var html = JSON.stringify(data, null, 2)
      $("#formdata").html(html)
    }



    pre {
      padding: 15px;
      background: lightgrey;
    }



    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

    <input type="text" name="cat"     value="frida" />
    <input type="text" name="dog"     value="buddy" /><br/>
    <input type="text" name="food"    value="pizza" />
    <input type="text" name="dessert" value="ice cream" />

    <pre id="formdata"></pre>



### Further Reading

* [How can I pretty-print JSON using JavaScript?][1]
* [How can I beautify JSON programmatically?][2]
* [Javascript: How to generate formatted easy-to-read JSON straight from an object?][3]

[1]: https://stackoverflow.com/q/4810841/1366033
[2]: https://stackoverflow.com/q/2614862/1366033
[3]: https://stackoverflow.com/q/3515523/1366033
[4]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify 
[5]: https://jsfiddle.net/KyleMit/w4ufv8qb/

This is probably a really easy question, but I can't find anything that works.

I'm trying to take a json result and just write it into the inner html of a div to see what it looks like.

I have something like this:

    $.getJSON("someurlthatgivesmejson",
        function(data){         
            $("#jsonmodel").html(data);  // what should this be??
        });
      });

**UPDATE**

I was able to get it to display some text by using

    $("#jsonmodel").html($.param(data));

However, it's not formatted like how the browser displays a json result, like the structure of the javascript object.

How do I write json results to a div using jquery?

If you go the [LINQ.js][1] route, you can do it like this:



    var aggregatedObject = Enumerable.From(dataArray)
            .GroupBy("$.category", null,
                     function (key, g) {
                         return {
                           category: key,
                           hits: g.Sum("$.hits"),
                           bytes: g.Sum("$.bytes")
                         }
            })
            .ToArray();

### Working demo with Stack Snippets:





    var dataArray = [ 
      { category: "Search Engines", hits: 5, bytes: 50189 },
      { category: "Content Server", hits: 1, bytes: 17308 },
      { category: "Content Server", hits: 1, bytes: 47412 },
      { category: "Search Engines", hits: 1, bytes: 7601  },
      { category: "Business",       hits: 1, bytes: 2847  },
      { category: "Content Server", hits: 1, bytes: 24210 },
      { category: "Internet ",      hits: 1, bytes: 3690  },
      { category: "Search Engines", hits: 6, bytes: 613036 },
      { category: "Search Engines", hits: 1, bytes: 2858  } 
    ];

    var aggregatedObject = Enumerable.From(dataArray)
            .GroupBy("$.category", null,
                     function (key, g) {
                         return {
                           category: key,
                           hits: g.Sum("$.hits"),
                           bytes: g.Sum("$.bytes")
                         }
            })
            .ToArray();

    console.log(aggregatedObject);



    <script src="//cdnjs.cloudflare.com/ajax/libs/linq.js/2.2.0.2/linq.min.js"></script>



Also, you can find more info on [linqjs group by with a sum][2]

[1]: http://linqjs.codeplex.com/
[2]: https://stackoverflow.com/q/17824008/1366033

This is my first attempt at doing JavaScript with some JSON data objects and need some advice on the proper way to attain my goal.

Some server-side code actually generates a JSON formatted string that I have to work with and assign it to a string:

    var dataString='$DATASTRING$';

But the end-result I have to work with after the server substitutes its data (without the \r\n, of course):


    var dataString='[ 
     { "category" : "Search Engines", "hits" : 5, "bytes" : 50189 },
     { "category" : "Content Server", "hits" : 1, "bytes" : 17308 },
     { "category" : "Content Server", "hits" : 1, "bytes" : 47412 },
     { "category" : "Search Engines", "hits" : 1, "bytes" : 7601 },
     { "category" : "Business", "hits" : 1, "bytes" : 2847 },
     { "category" : "Content Server", "hits" : 1, "bytes" : 24210 },
     { "category" : "Internet Services", "hits" : 1, "bytes" : 3690 },
     { "category" : "Search Engines", "hits" : 6, "bytes" : 613036 },
     { "category" : "Search Engines", "hits" : 1, "bytes" : 2858 } 
    ]';
 
And then I can change it to an object to work with.

    var dataObject=eval("("+dataString+")");
    

This allows me to access the data individual rows of data, but I need to sum, group by, and order the values.

I need to the equivalent of an SQL statement like this:

    SELECT category, sum(hits), sum(bytes) 
    FROM dataObject
    GROUP BY category
    ORDER BY sum(bytes) DESC

My desired output would be an object like this that I can further process:

    var aggregatedObject='[ 
     { "category" : "Search Engines", "hits" : 13, "bytes" : 673684 },
     { "category" : "Content Server", "hits" : 3, "bytes" : 88930 },
     { "category" : "Internet Services", "hits" : 1, "bytes" : 3690 },
     { "category" : "Business", "hits" : 1, "bytes" : 2847 } 
    ]';


...but i don't know where to start.

I could loop through all the category values and find the unique categories first, then loop again and sum the hits and bytes, then again to sort, but it seems there has got to be an easier way.

prototype.js (1.7) is already included on the client page, but I could add Underscore, jQuery, or some other small library if I had to.

I just don't know what would be best, easiest, smallest with the least amount of code to process the query.

Any suggestions?




JavaScript SUM and GROUP BY of JSON data

There are a couple problems here:

First, from [**jsonp explained**][jsonp-explained]:

>As you may be aware **you cannot directly load data files from another domain**. This is a security issue that has been around for a long time and is commonly solved by sharing data through an API, REST or such. **However there are ways around this** ... [for example] JSONP

To do this in jQuery:

* Using [`$.ajax`][$.ajax], add `dataType: 'jsonp'`, which *appends callback=? to the URL*
* Using [`$.getJSON`][getJSON] (*[shorthand for `.ajax`][shorthand]*), add  [`callback=?`][callback=?] at the end of the requested URL.

That indicates that we want to use [`JSONP`][jsonp]. Remove it and a vanilla JSON request will be used; which will fail due to the [same origin policy][same origin policy].


---

Another issue is that some external APIs (like *Google Maps [Directions API][googleMaps]*), don't automatically serve JSONP.  If the server doesn't know what to do with the callback parameter then the response from the API will still be JSON, not JSONP.  In order to ensure the returned content is formatted correctly, you can go through a proxy server like the [jsonp.guffa.com][jsonP Where P stands for proxy]

To use it, change the request to <code>http://jsonp.guffa.com/Proxy.ashx?url=<i>YourEncodedURI</i></code>   
Where you have replaced *YourEncodedURI* with the [encoded][Percent-encoding] requested url string.

---

###Putting it all together:



    var mapsUrl    = 'http://maps.googleapis.com/maps/api/directions/json' + 
                     '?origin=Toronto&destination=Montreal&sensor=false';
    var encodedUrl = encodeURIComponent(mapsUrl);
    var proxyUrl   = 'http://jsonp.guffa.com/Proxy.ashx?url=' + encodedUrl;
    
    $.ajax({
        url: proxyUrl,
        dataType: 'jsonp',
        cache: false,
        success: function (data) {
            console.log(data);
        }
    });


[Working Demo in jsFiddle][jsFiddle]
====

---

Further Reading:

* [What is JSONP all about?][jsonp sample]


[jsonp-explained]: http://www.jquery4u.com/json/jsonp-examples/
[$.ajax]: http://api.jquery.com/jQuery.ajax/
[getJSON]: http://api.jquery.com/jQuery.getJSON/
[shorthand]: http://api.jquery.com/category/ajax/shorthand-methods/
[callback=?]: http://api.jquery.com/jQuery.getJSON/#jsonp
[jsonp]: http://en.wikipedia.org/wiki/JSONP
[same origin policy]: http://en.wikipedia.org/wiki/Same_origin_policy
[googleMaps]: https://developers.google.com/maps/documentation/directions/
[jsonP Where P stands for proxy]: http://jsonp.guffa.com/
[Percent-encoding]: http://en.wikipedia.org/wiki/Percent-encoding
[jsonp sample]: https://stackoverflow.com/a/2067584/1366033
[jsFiddle]: http://jsfiddle.net/KyleMit/bFc4y/

This is the code I was originally using and worked perfectly fine up until yesterday (which is when I noticed it but I am unsure when it actually stopped working for sure).  I know this was working at the beginning of last week so sometime between then and yesterday it broke.  I am running this code within a RAD called Alpha Anywhere but have tested it outside of this program (in just a HTML page) and it still didn't work.  Hoping someone knows if there is a bug or if there is something I can do to fix this issue. I ran this in firefox with firebug on and that is where I saw the error letting me know that the JSON wasn't retrieved.



    var $jq = jQuery.noConflict();
    
    $jq.getJSON('http://maps.googleapis.com/maps/api/directions/json?origin=Toronto&destination=Montreal&sensor=false',function(results){
    
        // I have code in here to calculate miles driven per state 
        // (as in the above code origin and destination would be filled 
        // with variables but I went with this basic call because even this doesn't work).
    
    });


----


This following code does not work (as of right now November 11, 2013 at 10:26 PM CDT) when running it in firefox or chrome.  With firebug on it shows I am not getting a response from google.  However this following code does respond when ran in safari 7.0.x on Mac OSX 10.9.


    <!DOCTYPE html>
    <html>
        <head>
            <script src="http://api.jquery.com/jquery-wp-content/themes/jquery/js/jquery-1.9.1.min.js"></script>
            <script>
                function getData() {
                    var url = 'http://maps.googleapis.com/maps/api/directions/json?origin=Huntsville,AL&destination=Atalanta,GA&sensor=false';
                    var $jq = jQuery.noConflict();
                    $jq.getJSON(url, function (results) {
                        alert(results.routes[0].legs[0].distance.value);
                    });
                }
            </script>
            <title>jQuery Debug of Google API</title>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width">
        </head>
        <body>
            <button onclick="getData();">click</button>
        </body>
    </html>

Issue using jQuery to do a google maps api call (JSON not being returned)

Just to add the pure JavaScript answer, you can use [<code>JSON.Parse(<i>string to parse</i>)</code>][JSON.Parse] as well as [<code>jQuery.parseJSON(<i>string to parse</i>)</code>][parseJSON] without needing to load an entire framework. 



    var jsonData = "[{\"Name\":\"Name1\",\"Age\":20},{\"Name\":\"Name2\",\"Age\":23},{\"Name\":\"Name3\",\"Age\":28}]";
    
    var obj1 = JSON.parse(jsonData);
    var obj2 = jQuery.parseJSON(jsonData);

###[Here's a fiddle][fiddle]

[JSON.Parse]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
[parseJSON]: http://api.jquery.com/jquery.parsejson/
[fiddle]: http://jsfiddle.net/KyleMit/zU98X/

When i serialize my DataTable using json.NET and return as json string in WCF service i have the following data

myJson data :

    [{\"Name\":\"Name1\",\"Age\":20},{\"Name\":\"Name2\",\"Age\":23},{\"Name\":\"Name3\",\"Age\":28}]

But it is not bind in jquery chart because of the escape characters. Actually when the above value is write in Console.WriteLine it returns the correct data like below. In Server side also if i use JsonTextReader data getting like below :

    [{"Name":"Name1","Age":20},{"Name":"Name2","Age":23},{"Name":"Name3","Age":28}]

So how to chnage the format in Jquery or can i send the data same as second one in wcf?

JSON Format Issue in JQuery

Yes, you can now add groups with `dataprovider` thanks to [this pull request][#281]

See the documentation on [`.multiselect('dataprovider', data)`][docs].

### [Demo in jsFiddle][fiddle]

You can compose like this:



    var data = [{
        title: 'First group',
        children: [{ label: 'Cheese', value: 'cheese' }, 
                   { label: 'Tomatoes', value: 'tomatoes' }]
        }, {
        title: 'Second group',
        children: [{ label: 'Mozzarella', value: 'mozzarella' }, 
                   { label: 'Mushrooms', value: 'mushrooms' }]
    }];
    
    $('.multiselect').multiselect('dataprovider', data);



    <select class="multiselect" multiple="multiple"></select>



[#281]: https://github.com/davidstutz/bootstrap-multiselect/pull/281
[docs]: http://davidstutz.github.io/bootstrap-multiselect/#example18-mushrooms
[fiddle]: http://jsfiddle.net/KyleMit/ezyx84xt/

Is there a way to dynamically add grouping in multi select using this formation 



    var data = [
        {label: "ACNP", value: "ACNP"},
        {label: "test", value: "test"}
    ];
    $("#multiselect").multiselect("dataprovider", data);

Bootstrap multi select grouping dynamicaly using array

## This is *almost* Natively Supported w/ Github CLI

1. Download [Github CLI][1]
2. Login

    ```bash
    gh auth login
    ```

3. List repos and pipe into clone command

    **Bash**

    ```bash
    gh repo list <userName> --limit 999 --json name --jq ".[]|.name" \ 
      | xargs -L1 gh repo clone
    ```

    **PowerShell**

    ```bash
    gh repo list <userName> --limit 999 --json name --jq ".[]|.name" |
       ForEach-Object { gh repo clone $_ }
    ```



**Further Reading**: [How to clone all repos at once from GitHub?][2]

[1]: https://cli.github.com/
[2]: https://stackoverflow.com/q/19576742/1366033

I'm trying to clone all of my repos at once to my computer, all of which are private. I've tried countless one-liners and scripts (namely, the ones [here][1] and [here][2]), but none of them work.

Initially I would get errors back about JSON not being able to parse the response, which I eventually realized was because the response was empty since I had no public repos. When I made a test public repo, it would return a JSON object with the info for that specific repo, but none of the private ones. From what I understand, I need to pass both my username and an access token to GitHub, in which the access token was generated at `Settings > Developer settings > Personal access tokens`.

I've tried both of the following formats to no avail:

    curl -i -u [[USERNAME]]:[[TOKEN]] -s https://api.github.com/users/[[USERNAME]]/repos?per_page=100 [[...]]

    curl -i -u [[USERNAME]] -s https://api.github.com/users/[[USERNAME]]/repos?per_page=100&access_token=[[TOKEN]] [[...]]

The `[[...]]` part that follows is various code snippets like the ones in the links above. I believe these parts are fine, as they clone public repos without any issues, and rather the issue lies in me not being able to see my private repos despite having an access token. It is important to note that when you generate the access token, you define the scopes for what it can do, and I've defined mine with full access to everything, including `repo`, which should grant it control over private repos.

Additionally, sometimes when I would try the command above, I would get the following response:

     HTTP/1.1 401 Unauthorized
    Server: GitHub.com
    Date: Fri, 13 Oct 2017 08:08:01 GMT
    Content-Type: application/json; charset=utf-8
    Content-Length: 93
    Status: 401 Unauthorized
    X-GitHub-Media-Type: github.v3; format=json
    X-RateLimit-Limit: 60
    X-RateLimit-Remaining: 41
    X-RateLimit-Reset: 1507884238
    Access-Control-Expose-Headers: ETag, Link, X-GitHub-OTP, X-RateLimit-Limit, X-RateLimit-Remaining, X-RateLimit-Reset, X-OAuth-Scopes, X-Accepted-OAuth-Scopes, X-Poll-Interval
    Access-Control-Allow-Origin: *
    Content-Security-Policy: default-src 'none'
    Strict-Transport-Security: max-age=31536000; includeSubdomains; preload
    X-Content-Type-Options: nosniff
    X-Frame-Options: deny
    X-XSS-Protection: 1; mode=block
    X-Runtime-rack: 0.060685
    X-GitHub-Request-Id: D038:4E67:1349CC:2CB494:59E07461
    
    {
      "message": "Bad credentials",
      "documentation_url": "https://developer.github.com/v3"
    }
Despite knowing that my credentials are just fine.

Does anyone have any idea what's going wrong for me? I've been running circles around this for hours and have come up empty.


  [1]: https://gist.github.com/caniszczyk/3856584
  [2]: https://stackoverflow.com/questions/19576742/how-to-clone-all-repos-at-once-from-github

How to clone all repos (including private repos) from GitHub?

## Use `IF..Then..Else` <sup> [new in Draft-07][1] </sup>




<pre><code>{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "type": "array",
  "items": {
    "type": "object",
    "properties": {
      "controlType": {
        "type": "string",
        "enum": ["title", "dropdown", "button"]
      },
      "options:": {
        "type": "array",
        "items": {"type": "string"}
      }
    },
    <b>  
    "if": {
      "properties": {
        "controlType": {"const": "dropdown"}
      }
    },
    "then": {
      "required": ["options"]
    }</b>
  }
}
</code></pre>


## Use [`oneOf`][6] or [`anyOf`][5]

This can be useful if you have a property that has a limited number of acceptable values (such as an enum), but each possible value needs to be individually mapped. 




<pre><code>{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "type": "array",
  "items": {
    "type": "object",
    "properties": {
      "controlType": {
        "type": "string",
        "enum": ["title", "dropdown", "button"]
      },
      "options:": {
        "type": "array",
        "items": {"type": "string"}
      }
    },<b>  
    "anyOf": [
      {
        "properties": {
          "controlType": {"const": "dropdown"}
        },
        "required": ["controlType", "options"]
      },
      {
        "properties": {
          "controlType": {"const": "title"}
        },
        "required": ["controlType"]
      },
      {
        "properties": {
          "controlType": {"const": "button"}
        },
        "required": ["controlType"]
      }
    ]</b>
  }
}
</code></pre>


### Further Reading

* [Conditionally require attribute][2]
* [Applying subschemas conditionally][3]
* [Combining schemas][4]





[1]: http://json-schema.org/draft-07/json-schema-release-notes.html
[2]: https://stackoverflow.com/a/38781027/1366033
[3]: https://json-schema.org/understanding-json-schema/reference/conditionals.html
[4]: https://json-schema.org/understanding-json-schema/reference/combining.html
[5]: https://json-schema.org/understanding-json-schema/reference/combining.html#anyof
[6]: https://json-schema.org/understanding-json-schema/reference/combining.html#oneof

I'm building a json schema definition which has a fixed set of controls that I've currently limited with an `enum`. However, not all properties are relevant for all controls.  

I only want to require an `options` property if the `controlType` = `dropdown`

```js
{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "type": "array",
  "items": {
    "type": "object",
    "properties": {
      "controlType": {
        "type": "string",
        "enum": ["title", "dropdown", "button"]
      },
      "options:": {
        "type": "array",
        "items": {"type": "string"}
      }
    }
  }
}
```

How can I conditionally include / require a field in a json schema?

Properties based on enum value in JSON Schema

If you want complete control of your classes, and allow them to evolve independently, then you can have one base class that owns the Method, and then as many subclasses as you want with their own definition of the payload.

First, parse into the baseclass, just to get a strongly typed deserialization of `Method`

Then, there are a lot of patterns to address branching logic.  

* If you have 1-2 cases, an `if` statement is fine
* If you have 3-5 cases, you can use a `switch`
* If you have 6-10 cases, you can create a `dictionary` that maps method name to class type
* If you have more than that, you can use the [strategy pattern][1] and pass an interface around

Here's an example of how you could write the code:

```cs
var json = @"{
    'method': 'Model',
    'payload': {
        'key': 'value'
    }
}";

var modelBase = JsonConvert.DeserializeObject<ModelBase>(json);

var methodMapping = new Dictionary<string, Type>()
{
    {MethodTypes.Model.ToString(), typeof(Model)},
    {MethodTypes.OtherModel.ToString(), typeof(OtherModel)},
};
            
Type methodClass = methodMapping[modelBase.Method];

var result = JsonConvert.DeserializeObject(json, methodClass);
```

> **Note**: Since we're programmatically determining the correct type, it's hard to [pass to a generic `<T>`][6], so this uses the overload of `DeserializeObject` that takes `type` as a param

And here are the classes that model incoming messages

```cs
public enum MethodTypes
{
    Model,
    OtherModel
}

public class ModelBase
{
    public string Method { get; set; }
}

public class Model : ModelBase
{
    public ModelInfo Payload { get; set; }

    public class ModelInfo
    {
        public string Key { get; set; }
    }
}

public class OtherModel : ModelBase
{
    public ModelInfo Payload { get; set; }

    public class ModelInfo
    {
        public string Foo { get; set; }
    }
}
```

### `Dictionary<string,string>`

If your data is always going to be `"foo":"bar"` or `"key":"value"` .... `string:string`, then Cid's suggesting to use `Dictionary<string,string> Payload` makes a lot of sense.  Then figure out however you want to map from that c# class in a c# constructor that returns whatever type you want.


### Additional Resources:

* [How to handle both a single item and an array for the same property using JSON.net][4]
* [Deserializing polymorphic json classes without type information using json.net][5]
* [JSON.NET - Conditional Type Deserialization][2]
* [Conditionally deserialize JSON string or array property to C# object using JSON.NET?][3]


[1]: https://en.wikipedia.org/wiki/Strategy_pattern
[2]: https://stackoverflow.com/q/7816780/1366033
[3]: https://stackoverflow.com/q/35782400/1366033
[4]: https://stackoverflow.com/q/18994685/1366033
[5]: https://stackoverflow.com/q/19307752/1366033
[6]: https://stackoverflow.com/q/1292480/1366033

I have a converter class that receives json in input, here are 2 valid examples:

```js
{
  "method": "Model",
  "payload": {
    "key": "value"
  }
}
```

and

```js
{
  "method": "OtherModel",
  "payload": {
    "foo": "bar"
  }
}
```

In C#, I have classes mapped to each possible model:

```cs
public class Model
{
  public string Key { get; set; }
}

public class OtherModel
{
  public string Foo { get; set; }
}
```

I need a generic converter

How can I use the string value in the `method` of the JSON to convert in a generic way the content of the payload field?

Is using a huge switch the only way? This is the prototype I have so far but there are hundreds of different models so it will grow quite large...

```cs
public IResult ParseJson(string json)
{
  Regex regexMessageName = new Regex("\"messageName\": \"(.*?)\"", RegexOptions.Compiled);
  var messageName = regexMessageName.Match(json).Groups[1].Value;
  switch (messageName)
  {
    case "Model":
      var raw = JsonConvert.DeserializeObject<JsonData<Model>>(json);
      return new LogInfoRequestResult<Model> { Raw = raw };
    case "OtherModel":
      var raw = JsonConvert.DeserializeObject<JsonData<OtherModel>>(json);
      return new LogInfoRequestResult<OtherModel> { Raw = raw };

  }
}
```

Converter that uses generics to parse json model

### Question

Can I dynamically ignore a property from a sealed class using [`System.Text.Json.JsonSerializer`][4]?



### Example Code

**Example class from another library**:

```cs
public sealed class FrozenClass
{
    // [JsonIgnore] <- cannot apply because I don't own this class
    public int InternalId { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
}
```

**Default Serialization**:

```cs
var person = new FrozenClass() { InternalId = 3, FirstName = "Dorothy", LastName = "Vaughan" };
var jsonString = System.Text.Json.JsonSerializer.Serialize(person);
```

**Actual Outcome**:

```js
{ "InternalId": 3, "FirstName": "Dorothy", "LastName": "Vaughan" }
```

**Expected Outcome**:

```js
{ "FirstName": "Dorothy", "LastName": "Vaughan" }
```


### Alternatives that don't work

There are two other questions on how to [add JsonIgnore at RunTime][1] & [add dynamic property name for serialization][2], but both are targeted at [Newtonsoft's Json.NET][3] - and often reference [this extension method][5]


There are several ways to modify the way a class is serialized with the native `JsonSerializer`, but all seem to rely on modifying the underlying class:

* You can [exclude properties from serialization][6] by adding the [`[JsonIgnore]`][7] attribute to the original class
* You can [register a JsonConverter on a property][8] by adding the [`[JsonConverter]`][9] attribute to the original class

However, in my case, the class is from another library and cannot be extended

### Workarounds

A possible workaround is to create another exportable class and setup a mapper between them

```cs
public class MyFrozenClass
{
    public MyFrozenClass(FrozenClass frozen)
    {
        this.FirstName = frozen.FirstName;
        this.LastName = frozen.LastName;
    }
    public string FirstName { get; set; }
    public string LastName { get; set; }
}
```
```cs
var jsonString = System.Text.Json.JsonSerializer.Serialize(new MyFrozenClass(person));
```

[1]: https://stackoverflow.com/q/25157511/1366033
[2]: https://stackoverflow.com/q/50565358/1366033
[3]: https://www.newtonsoft.com/json
[4]: https://learn.microsoft.com/en-us/dotnet/api/system.text.json.jsonserializer
[5]: https://blog.rsuter.com/advanced-newtonsoft-json-dynamically-rename-or-ignore-properties-without-changing-the-serialized-class/
[6]: https://learn.microsoft.com/en-us/dotnet/standard/serialization/system-text-json-how-to#exclude-properties-from-serialization
[7]: https://learn.microsoft.com/en-us/dotnet/api/system.text.json.serialization.jsonignoreattribute
[8]: https://learn.microsoft.com/en-us/dotnet/standard/serialization/system-text-json-converters-how-to#registration-sample---jsonconverter-on-a-property
[9]: https://learn.microsoft.com/en-us/dotnet/api/system.text.json.serialization.jsonconverter-1

Dynamically ignore property on sealed class when serializing JSON with System.Text.Json

Just update `|=` the `defaultBranchRef` field to the content of its `name` subfield:
~~~sh
jq '.[].defaultBranchRef |= .name'
~~~
~~~json
[
  {
    "defaultBranchRef": "main",
    "nameWithOwner": "KyleMit/stack-posts"
  },
  {
    "defaultBranchRef": "master",
    "nameWithOwner": "KyleMit/HelloSERN"
  }
]
~~~
[Demo](https://jqplay.org/s/YgodN5agGI)

I'm trying to simplify a nested JSON structure using JQ

### Input

```json
[
  {
    "defaultBranchRef": {
      "name": "main"
    },
    "nameWithOwner": "KyleMit/stack-posts"
  },
  {
    "defaultBranchRef": {
      "name": "master"
    },
    "nameWithOwner": "KyleMit/HelloSERN"
  }
]
```

### Desired Output

```json
[
  {
    "nameWithOwner": "KyleMit/stack-posts",
    "defaultBranchName": "main"
  },
  {
    "nameWithOwner": "KyleMit/HelloSERN",
    "defaultBranchName": "master"
  }
]
```

### Attempted Solution

I can retrieve each of the individual fields at any depth

* [Get `nameWithOwner`](https://jqplay.org/s/6H2F1AkdAO)

    ```js
    [.[]|.nameWithOwner] // ["KyleMit/stack-posts","KyleMit/HelloSERN"]
    ```

* [Get `defaultBranchRef.name`](https://jqplay.org/s/ySBjK4KpsY)

    ```js
    [.[]|.defaultBranchRef.name] // ["main","master"]
    ```

But can't quite get how to combine fields / selectors to return mulitple values