A small problem with Eval parsing JSON strings in JS, jsevaljson string

Source: Internet
Author: User

A small problem with Eval parsing JSON strings in JS, jsevaljson string

I have previously written an introduction to JSON, and talked about JSON parsing. As we all know, advanced browsers can use JSON. parse () API to parse a JSON string into JSON data. We can use the eval () function if it is slightly inappropriate.

JSON (JavaScript Object Notation) is a simple data format, which is lighter than xml. JSON is a JavaScript native format, which means that no special API or toolkit is required to process JSON data in JavaScript.

JSON rules are simple: the object is an unordered set of 'name/value' pairs. An object starts with "{" (left parenthesis) and ends with "}" (right Parenthesis. Each "name" is followed by a ":" (colon); "," (comma) is used to separate the "name/value" pairs.

var str = '{"name": "hanzichi", "age": 10}';var obj = eval('(' + str + ')');console.log(obj); // Object {name: "hanzichi", age: 10}

Have you noticed that when passing parameters to eval (), the str variable is enclosed in parentheses? Why?

Let's take a look at the definition and use of the eval function.

The eval () parameter is a string. If the string represents an expression, eval () evaluates the expression. If the parameter represents one or more JavaScript declarations, eval () executes the declaration. Do not call eval () to evaluate the arithmetic expression; JavaScript will automatically evaluate the arithmetic expression.

To put it simply, the eval function parameter is a string. If the string "noString" is processed, the JavaScript statement can be run normally.

What do you say? For example, the following code:

var str = "alert('hello world')";eval(str);

After the command is executed, "hello world" is displayed ". The str variable "noString" is removed from the quotation marks, internal adjustments (Escape, etc.), and then changed:

alert('hello world')

Very good! This is a normal JavaScript statement! Run it!

Back to the start Question, why should the JSON string be enclosed in parentheses. If this parameter is not added, it looks like this:

var str = '{"name": "hanzichi", "age": 10}';var obj = eval(str); // Uncaught SyntaxError: Unexpected token :

Well, an error is reported. Why is an error reported? Try str "noString" and execute:

{"name": "hanzichi", "age": 10}; // Uncaught SyntaxError: Unexpected token :

There is no doubt that a JSON object or an object is not a JavaScript statement that can be executed at all! Wait. Try the following code:

var str = '{name: "hanzichi"}';var obj = eval(str);console.log(obj); // hanzichi

What is this? But an error is returned when "" is added to the name?

var str = '{"name": "hanzichi"}';var obj = eval(str); // Uncaught SyntaxError: Unexpected token :console.log(obj); 

Well, it's almost dizzy. In fact, you can still convert str "nostring" to see if the JavaScript statement can be correctly executed. The result of the former is:

{name: "hanzichi"}

This is indeed a legal JavaScript statement. {} We can not only use it in scenarios such as if and for statements, but even at any time, because JavaScript only has block-level scope before ES6, so there is no conflict between scope and anything. After removing {}, name: "hanzichi" is also a legal statement. A label statement is very useful in jumping out of nested loops. For details, see label, as a label statement, name cannot be enclosed by quotation marks, which can be placed anywhere in JavaScript code.

Once an object has two keys, for example, {name: "hanzichi", age: 10}, OK, two label statements? Think of "hanzhichi" and "10" as statements respectively, but the statements can only be connected by a block number! (Comma can be used between expressions ). So it's okay to change it to the following:

var str = '{name: "hanzichi"; age: 10}';var obj = eval(str); console.log(obj); // 10

The reason for the code error at the beginning of the article is to find out. Why can we fix it with parentheses? () Converts a statement into an expression, which is called a statement expression. The code in parentheses is converted to an expression to evaluate the value and return the result. The object literal must exist as an expression.

This article does not talk about expressions. For expressions, refer to the link at the end of this article. It is worth remembering that an expression always has a return value. Most expressions are enclosed in () and cannot be empty in parentheses. If multiple expressions are separated by commas (,), the last value is returned.

The above section introduces a small question about Eval parsing JSON strings in JS. I hope it will help you!

Articles you may be interested in:
  • Precautions for using eval to parse JSON in JS
  • Js parses json instances using eval and shares precautions
  • Js parses json using eval (json is used in js)
  • Notes on jquery eval JSON Parsing

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.