json-to-property-converter.html

---
title: JSON Data To Property File Format Converter | Developer Tools
layout: post
---
<html>

<head>
    <!-- Meta tags common for website -->
    {% include common-meta %}
    <title>{{ page.title }}</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta name="description" content="This is easy to use open source tool to convert JSON data to property file entry format. " />
    <meta name="keywords" content="online,tool,json,property,properties,convert,converter,web,opensource" />
    <!-- CSS for the site theme -->
    {% include theme-css %}
    <!-- Annoying IE fixes -->
    {% include ie-fixes %}
</head>

<body class="hold-transition skin-green sidebar-mini">
    <!-- Site wrapper -->
    <div class="wrapper">

        <!-- header tag from theme -->
        {% include theme-header %}
        <!-- Sidebar for the whole website -->
        {% include theme-sidebar %}

        <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <!-- left column -->
                    <div class="col-md-6">
                        <div class="box box-success">
                            <div class="box-header with-border">
                                <h1 class="box-title">Convert JSON Data To Property Format</h1>
                            </div>
                            <!-- /.box-header -->
                            <!-- form start -->
                            <div class="box-body">
                                <form role="form">
                                    <div class="form-group">
                                        <label for="csv">JSON Data</label>
                                        <textarea class="form-control" rows="10" id="json" placeholder="Enter your JSON Data here" autofocus></textarea>
                                        <div style="display:hidden;">
                                          <div id="hidden" style="display:hidden;"></div>
                                        </div>
                                        <span class="has-error help-block" id="error" style="display:none"><i class="fa fa-check"></i> Error: Please check if JSON is valid </span>
                                    </div>
                                    <div class="form-group">
                                        <label for="list-style">Separator</label>
                                        <select class="form-control" id="separator">
                                            <option value="." selected="selected">DOT [.] - (Default)</option>
                                            <option value=":">COLON [:]</option>
                                            <option value="-">DASH [-]</option>
                                            <option value="_">UNDERSCORE [_]</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label for="list-style">Enclose Fields and Values</label>
                                        <select class="form-control" id="enclose">
                                            <option value="" selected="selected">Do No Enclose - (Default)</option>
                                            <option value='"'>Enclose Using Double Quotes [""]</option>
                                            <option value="'">Enclose Using Single Quotes ['']</option>
                                        </select>
                                    </div>

                                </form>
                            </div>
                            <!-- /.box-body -->
                            <div class="box-footer">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <button type="button" class="btn btn-info" id="generate">Convert to Properties</button>
                                    </div>
                                </div>
                            </div>
                            <!-- /.box-footer -->
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="box box-success">
                            <div class="box-header with-border">
                                <h3 class="box-title">Copy Your Property File Format Data From Here</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                                <div class="form-group">
                                    <label for="json">Property Format Converted Data</label>
                                    <textarea class="form-control" id="propertyValues" rows="10"></textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </section>
            <section class="content">
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title">About JSON to Property format Converter Tool</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                      <img class="img-responsive" src="images/json-to-property.png" alt="JSON to Property format converter tool" title="JSON to Property format converter tool">
                        <p>This is a free online tool to convert a JSON formatted data to property file format. This can be useful for automation testing of REST based services. You can convert any JSON data to 'KEY = VALUE' format using this tool.</p>
                    </div>
                    <!-- /.box-body -->
                </div>
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title">What is a JSON?</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <p>JSON (JavaScript Object Notation) is a popular format used to transfer data between applications. It is very common object format in web applications. JavaScript applications do not require any speciall handling for this type of data since its is already an object of javascript format. </p>
                    </div>
                    <!-- /.box-body -->
                </div>
                 <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title">What is a Property format?</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <p>Property files are common way to provide KEY, VALUE pair configuration for programs. </p>
                        <p>Many programming langugages use configuration files that have simple format that stores each KEY = VALUE pair in new line.</p>
                     </div>
                    <!-- /.box-body -->
                </div>
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title">Why Convert From JSON to Property file format?</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <p>Property files are easy to read and can contain entries in KEY = VALUE format that makes validations and configuration easy.   </p>
                    </div>
                    <!-- /.box-body -->
                </div>
                <div class="box box-success">
                    <div class="box-header with-border">
                        <h3 class="box-title">Why Do We Need A JSON to Property Format Converter Online?</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <p>The online converter is a good help for automation testing of REST based services. This tool can be handy since you just need to paste the JSON response in the input field and hit convert button. </p>
                        <p>The same task can be done manually, however it can be cumbersome. This tool can save you some time and follow a consistent pattern to create property key names.</p>
                        <p>You just need to copy and paste the JSON data into this tool and get the property format data (KEY = VALUE).</p>
                        <p>Property files are easy to read in Java, you can easily convert data in a property file to a java.util.Map format and access it easily.</p>
                        <p>Many times, we do not want to parse the full JSON since only small part of the data is used. In that case this tool can help you hand pick the fields you are interseted in.</p>
                    </div>
                    <!-- /.box-body -->
                </div>
            </section>
            {% include addthis %}
        </div>
        <!-- /.content-wrapper -->
        {% include theme-footer %}
    </div>
    <!-- ./wrapper -->
    {% include theme-bottom-js %}

</body>
<script src="plugins/selectOnFocus/jquery.selectOnFocus.min.js"></script>
<script src="javascripts/json2property.js?v=1"></script>
<script src="javascripts/fromdev-ux-addon.js"></script>
<script>
  $(document).ready(function() {
    $("#json").selectOnFocus();
    $("#propertyValues").selectOnFocus();
    $('#converters-category').addClass('active');
    $('.markdown-body').attr('style', 'max-width:100%;');

    $("#generate").click(function() {
        var start = performance.now();
        $("#generate").html('Generating...Please Wait...');
        $("#generate").prop('disabled', true);
        var text = $("#json").val();
        if(text) {
          try {
            var obj = JSON.parse(text,"");
            const context = {
              separator : SelectedOption('separator', '.'),
              enclose: SelectedOption('enclose', false)
            };
            traverseBoth(obj, "", formatJsonPropMappings, context);
          }
          catch(error) {
            ShowHide('#error');
            console.log(error);
          }
          $("#propertyValues").val(mappings.join('\n'));
        }
        $("#generate").prop('disabled', false);
        $("#generate").html('Convert to Properties');
        //clear up globals
        mappings.length = 0;
    });
  });
</script>

</html>