Home Web Front-end JS Tutorial Detailed explanation of simple implementation methods for converting JavaScript json objects and arrays

Detailed explanation of simple implementation methods for converting JavaScript json objects and arrays

Jul 17, 2017 pm 02:24 PM
javascript json

The difference between js array and json

1. Array

1. DefinitionOne-dimensional array: var s1=new Array();

            s1=[1,2,3,4] or s1[0]=1,s1[1]=2,s1[3]=3,s1[4]=4;
                                                                                                                                                                                                 through [0]);

The result is 1;

2,, define the two-dimensional prime group: var s1=new Array();

var s1= [[3,1],[2,3,4],3,[4,5,6,7,8]];
            alert(s1[1][0]);

                                                                                    The result is 2; json string

The so-called json string means that the value of the string variable has the same format as json, but is not a json object

Although the value of status_process conforms to the format of the json object, it Not an object, just a string (pieced together);

Convert the string to a json object

Use the function

eval, eval("(" + status_process+ ")");

Conclusion: What is passed from the background to the foreground is a json string, not a real json object, so it needs to be converted using the eval function.

Usage of json objects

1

2

3

4

5

6

7

8

var status_process = {

      " name5" : '闲置期',

    "name1" : '播种期',

    "name2" : '苗期',

    "name3" : '生长期',

    "name4" : '采收期'

   }  

  alert(status_process);

Copy after login

Both are: idle period

JSON syntax rules

JSON syntax is a subset of

JavaScript

object notation syntax. • Data is in name/value pairs • Data is separated by commas • Curly braces hold objects

• Square brackets hold arrays

JSON object




JSON object is written in curly braces:

The object can contain multiple name/value pairs:

1

2

3

4

5

6

7

8

9

var status_process = {

      name5 : '闲置期',

     name1 : '播种期',

     name2 : '苗期',

      name3 : '生长期',

      name4 : '采收期'

     };

     alert(status_process["name5"]);

     alert(status_process.name5);

Copy after login
This is also easy to understand , equivalent to this JavaScript statement:

1

{ "firstName":"John" , "lastName":"Doe" }

Copy after login

JSON array

JSON array is written in square brackets:

Array can contain multiple objects :

1

2

firstName = "John"

lastName = "Doe"

Copy after login

In the above example, the object "employees" is an array containing three objects. Each object represents a record about a person (with a first and last name).

JSON file

•The file type of the JSON file is ".json"

•The MIME type of the JSON text is "application/ json"

Convert JSON text to JavaScript objectJavaScript function eval() can be used to convert JSON text to JavaScript object.

The eval() function uses the JavaScript compiler to parse JSON text and then generate JavaScript objects. The text must be enclosed in brackets to avoid

Syntax errors
:

var obj = eval ("(" + jsontxt + ")");

Example:

1

2

3

4

5

6

7

{

"employees": [

{ "firstName":"John" , "lastName":"Doe" },

{ "firstName":"Anna" , "lastName":"Smith" },

{ "firstName":"Peter" , "lastName":"Jones" }

]

}

Copy after login
Creating objects through
JavaScript

Array

1

2

3

4

5

6

7

8

9

10

11

12

13

<strong>  $.ajax({

    type: &#39;POST&#39;,

    url: &#39;../../caseHandler.ashx?action=GetCase&amp;id=&#39; + id.toString(), //url action是方法的名称

    data: &quot;&quot;,

    dataType: &quot;text&quot;, //可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可以设置为json

    ContentType: &quot;application/json; charset=utf-8&quot;,

    success: function (returnedData) {

      getMarkerFeature(eval(&quot;(&quot; + returnedData+ &quot;)&quot;));

    },

    error: function (msg) {

      alert(&quot;访问失败:&quot;+ msg);

    }

  });</strong>

Copy after login

JavaScript ObjectTwo types of property access Methodobject.attribute

object["attribute"]For example:

1

2

3

4

5

var employees = [

{ &quot;firstName&quot;:&quot;Bill&quot; , &quot;lastName&quot;:&quot;Gates&quot; },

{ &quot;firstName&quot;:&quot;George&quot; , &quot;lastName&quot;:&quot;Bush&quot; },

{ &quot;firstName&quot;:&quot;Thomas&quot; , &quot;lastName&quot;: &quot;Carter&quot; }

];

Copy after login

The above is the detailed content of Detailed explanation of simple implementation methods for converting JavaScript json objects and arrays. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What is the difference between MySQL5.7 and MySQL8.0? What is the difference between MySQL5.7 and MySQL8.0? Feb 19, 2024 am 11:21 AM

What is the difference between MySQL5.7 and MySQL8.0?

Performance optimization tips for converting PHP arrays to JSON Performance optimization tips for converting PHP arrays to JSON May 04, 2024 pm 06:15 PM

Performance optimization tips for converting PHP arrays to JSON

Pandas usage tutorial: Quick start for reading JSON files Pandas usage tutorial: Quick start for reading JSON files Jan 13, 2024 am 10:15 AM

Pandas usage tutorial: Quick start for reading JSON files

How do annotations in the Jackson library control JSON serialization and deserialization? How do annotations in the Jackson library control JSON serialization and deserialization? May 06, 2024 pm 10:09 PM

How do annotations in the Jackson library control JSON serialization and deserialization?

Simple JavaScript Tutorial: How to Get HTTP Status Code Simple JavaScript Tutorial: How to Get HTTP Status Code Jan 05, 2024 pm 06:08 PM

Simple JavaScript Tutorial: How to Get HTTP Status Code

In-depth understanding of PHP: Implementation method of converting JSON Unicode to Chinese In-depth understanding of PHP: Implementation method of converting JSON Unicode to Chinese Mar 05, 2024 pm 02:48 PM

In-depth understanding of PHP: Implementation method of converting JSON Unicode to Chinese

How to get HTTP status code in JavaScript the easy way How to get HTTP status code in JavaScript the easy way Jan 05, 2024 pm 01:37 PM

How to get HTTP status code in JavaScript the easy way

Quick tips for converting PHP arrays to JSON Quick tips for converting PHP arrays to JSON May 03, 2024 pm 06:33 PM

Quick tips for converting PHP arrays to JSON

See all articles