Home >Daily Programming >HTML Knowledge >How to convert JS object to json format string

How to convert JS object to json format string

藏色散人Original: 2018-12-12 15:27:5940519browse

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.

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>

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: "中国"})

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!

Statement：

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

Previous article：How to clear form data in jQueryNext article：How to clear form data in jQuery

See more

How to convert JS object to json format string

Related articles