How to convert JS object to json format string-HTML Knowledge-php.cn

How to convert JS object to json format string

藏色散人

Release： 2021-01-11 11:11:38

Original

40516 people have browsed it

Converting JS objects to json format strings is also one of the common test points during front-end interviews. Then to convert the js object into json format, we can achieve it through the JSON.stringify() method.

How to convert JS object to json format string

Below we will introduce to you the method of converting js objects to json format through specific code examples.

The code example is as follows:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
</body>
<script>
    //样本JS对象
    var obj = {name: "灭绝", age:18, country: "中国"};
    //console.log(typeof obj)

    //将JS对象转换为JSON字符串
    var json = JSON.stringify(obj);
    console.log(typeof json)
    document.write(json);
</script>

</html>

Copy after login

Here we first define an object obj, and then we can output a message to the console through console.log(), and debug to check whether obj is an object, as follows shown.

How to convert JS object to json format string

Then we use the JSON.stringify() method to convert the object obj into a json string.

The front-end debugging results are as follows:

How to convert JS object to json format string

As shown in the figure, the obj object has been converted into json string format.

JSON.stringify() method is used to convert JavaScript values to JSON strings, and its return value is to return a string containing JSON text.

Note:

JSON (JavaScript Object Notation, JS object notation) is a lightweight data exchange format.

In addition to adding variable names, such as (obj), the parameters in JSON.stringify() can also directly add complete object data, as follows:

JSON.stringify({name: "灭绝", age:18, country: "中国"})

Copy after login

This article is about A detailed introduction to the method of converting JS objects into json format strings is easy to understand. I hope it will be helpful to friends in need!

The above is the detailed content of How to convert JS object to json format string. For more information, please follow other related articles on the PHP Chinese website!