JS JSON.stringify()的5个使用场景详解

共计 2315 个字符，预计需要花费 6 分钟才能阅读完成。

JSON.stringify() 方法将一个 JavaScript 对象或值转换为 JSON 字符串，如果指定了一个 replacer 函数，则可以选择性地替换值，或者指定的 replacer 是数组，则可选择性地仅包含数组指定的属性。

语法如下：

JSON.stringify(value[, replacer [, space]])

是的，JSON.stringify() 函数可以有第二个参数，它是要在控制台中打印的对象的键数组。下面来看看示例：

const arrayData = [
    {
        id: "0001",
        type: "donut",
        name: "Cake",
        ppu: 0.55,
        batters: {
            batter: [{ id: "1001", type: "Regular"},
                {id: "1002", type: "Chocolate"},
                {id: "1003", type: "Blueberry"},
                {id: "1004", type: "Devil's Food"},
            ],
        },
        topping: [{ id: "5001", type: "None"},
            {id: "5002", type: "Glazed"},
            {id: "5005", type: "Sugar"},
            {id: "5007", type: "Powdered Sugar"},
            {id: "5006", type: "Chocolate with Sprinkles"},
            {id: "5003", type: "Chocolate"},
            {id: "5004", type: "Maple"},
        ],
    },
];
console.log(JSON.stringify(arrayData, ["name"])); // [{"name":"Cake"}]

可以通过在第二个参数中将其作为数组传递仅需要打印的键，而不需要打印整个 JSON 对象。

还可以将第二个参数作为函数传递，根据函数中编写的逻辑评估每个键值对。如果返回 undefined 键值对将不会打印。请看下面示例：

const user = {
    name: "DevPoint",
    age: 35,
};
 
const result = JSON.stringify(user, (key, value) =>
    typeof value === "string" ? undefined : value
);
console.log(result); // {"age":35}

上述代码的输出，可以用来过滤 JSON 数据的属性值。

第三个参数控制最终字符串中的间距。如果参数是一个数字，则字符串化中的每个级别都将缩进此数量的空格字符。

const user = {
    name: "DevPoint",
    age: 35,
    address: {city: "Shenzhen",},
};
 
console.log(JSON.stringify(user, null, 4));

输出打印的字符串格式如下：

{
    "name": "DevPoint",
    "age": 35,
    "address": {"city": "Shenzhen"}
}

如果第三个参数是一个字符串，它将被用来代替上面显示的空格字符。

const user = {
    name: "DevPoint",
    age: 35,
    address: {city: "Shenzhen",},
};
 
console.log(JSON.stringify(user, null, "|---"));

输出打印的字符串格式如下：

{
|---"name": "DevPoint",
|---"age": 35,
|---"address": {
|---|---"city": "Shenzhen"
|---}
}

有一个名为 toJSON 的方法，它可以是任何对象的一部分作为其属性。JSON.stringify 返回此函数的结果并将其字符串化，而不是将整个对象转换为字符串。

//Initialize a User object
const user = {
    name: "DevPoint",
    city: "Shenzhen",
    toJSON() {return ` 姓名：${this.name}，所在城市：${this.city}`;
    },
};
 
console.log(JSON.stringify(user)); // "姓名：DevPoint，所在城市：Shenzhen"

到此这篇关于 JS JSON.stringify() 使用场景详解的文章就介绍到这了

阿里云 2 核 2G 服务器 3M 带宽 61 元 1 年，有高配

腾讯云新客低至 82 元 / 年，老客户 99 元 / 年

代金券：在阿里云专用满减优惠券