JSON.stringify()方法

最新推荐文章于 2024-04-18 09:02:24 发布
最新推荐文章于 2024-04-18 09:02:24 发布
阅读量2.5k 收藏 2
点赞数 1
分类专栏： javaScript 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> JSON.stringify 方法</title>
</head>
<body>
<pre>
    JSON.stringify 方法: 把一个对象通过 stringify 之后提交给后台或者存储在 Storage 里是很常用的手段。

</pre>
<script>

    var data = [
        {name: "王尼玛", sex:1, age: 30},
        {name: "王尼美", sex:0, age: 20},
        {name: "王大锤", sex:1, age: 30}
    ];
    var str_json = JSON.stringify(data);
    console.log(str_json+"\n");
    alert(typeof  str_json);
    console.log("比如说，我们的数据非常复杂，还有类似头像，昵称，个人签名之类的信息。\n"+
    "可是我保存在本地，只需要用户名，和性别，肿么破呢？\n"+
    "也许你会说 so easy, 遍历数据重新提取下即可。\n"+
    "例如：\n")
    var data = [
        {name: "王尼玛", sex:1, age: 30},
        {name: "王尼美", sex:0, age: 20},
        {name: "王大锤", sex:1, age: 30}
    ];
    for (var i=0, new_data=[]; i<data.length; i++) {
        new_data.push({
            name: data[i].name,
            sex:  data[i].sex
        });
    }
    var str_json = JSON.stringify(new_data);
    console.log(str_json+"\n");
    console.log("其实我们只需要用 stringify 第二个参数即可简单处理这种问题。\n")
    var data = [
        {name: "王尼玛", sex:1, age: 30},
        {name: "王尼美", sex:0, age: 20},
        {name: "王大锤", sex:1, age: 30}
    ];
    var str_json = JSON.stringify(data, ["name", "sex"]);
    console.log(str_json+"\n");
    console.log("当然如果我们要更纠结的处理，比如要把 1,0 修改为男女，那么第二个参数可以用回调函数来处理\n");
    var data = [
        {name: "王尼玛", sex:1, age: 30},
        {name: "王尼美", sex:0, age: 20},
        {name: "王大锤", sex:1, age: 30}
    ];
    var str_json = JSON.stringify(data, function (k, v) {
        if (k === "sex") {
            return ["女", "男"][v];
        }
        return v;
    });
    console.log(str_json);
    console.log("还有第三个参数，用于格式化字符串用的。\n");


    var data = [
        {name: "王尼玛", sex:1, age: 30},
        {name: "王尼美", sex:0, age: 20},
        {name: "王大锤", sex:1, age: 30}
    ];
    var str_json = JSON.stringify(data, null, "\t");
    console.log(str_json);
    str_json = JSON.stringify(data, ["name", "sex"], "\t");
    console.log(str_json);
</script>
</body>
</html>
喜你已久丶不弃
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java json.stringify_浅谈 JSON.stringify 方法
weixin_35414437的博客
02-16 1509
来源于https://www.cnblogs.com/chengxs/p/8656723.html一、前言最近项目中，遇到需要将对象转换成字符串进行传递，上次写过一篇文章关于json字符串转换成json对象，json对象转换成字符串，值转换成字符串，字符串转成值。当时主要是用在有时候处理字符串和json对象之间的转换，写的主要是怎么用，涉及到JSONstringify具体用法没有涉及到，有时候...
JSON.stringify方法
惊蛰小鱼的博客
07-05 2655
JSON.stringify方法对正则的处理 看Sizzle的时候，用JSON.stringify方法输出了一下RegExp，结果是个空对象{}。一脸茫然。。。。。 一脸懵逼？？？黑人问号.png JSON.stringify({r: /abc/}); // '{"r":{}}' JSON.stringify(/abc/); // "{}" 那么我们看看RegExp.prototype....
第六讲：JSON.stringify 方法
雨的印记的博客
09-15 1961
我在上一讲为你剖析了闭包这个难点，带你了解了作用域、闭包产生的原因及表现形式。那么这一讲，我们一起来手工实现一个JSON.stringify 的方法。 这个方法能够站在全局考察你对 JS 各种数据类型理解的深度，对各种极端的边界情况处理能力，以及 JS 的编码能力。之所以将这篇作为这一模块的进阶，是因为我想把整个数据类型的知识点串起来，让你理解得更加融会贯通，能够更上一层楼。 在大厂的前端面试过程中，这个题目也经常会被问到。大部分候选人只知道这个方法的作用，而如果让他自...
深入探索与实践：全方位解读JSON.stringify()的精髓与应用技巧
java专栏
04-18 577
在JavaScript开发中，是一个不可或缺的工具，用于将复杂的JavaScript对象或值序列化为JSON（JavaScript Object Notation）字符串，便于数据的存储、网络传输以及跨平台交互。凭借多年的开发经验，我对这个方法有着深刻的理解和丰富的使用心得。接下来，我将通过详细的代码示例和注释，分享其核心功能、常见用法以及一些鲜为人知的技巧。
JSON.stringify用法
热门推荐
Smile_666666的博客
03-11 6万+
1、是什么 JSON.stringify 方法将某个对象转换成 JSON 字符串形式 const userInfo= { name: 'zs', age: 20 } console.log(JSON.stringify(userInfo)); // {"name":"zs","age":20} 2、语法 语法： 可以有三个参数，第一个是传入要序列化的值，第二个为函数或者数组，第三个是文本添加缩进、空格和换行符 JSON.stringify(value[, replacer[, space]
带你一起实现 JSON.Stringify 方法
从人到猿
10-27 2011
手工实现一个 JSON.stringify 的方法
JSON.stringify方法详解
Sparks550的博客
12-23 1万+
作用 json通常用于与服务端交换数据 在向服务器发送数据时，一般是字符串 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。 语法 方法定义：JSON.stringify(value, replacer, space) 参数说明： value：js对象 replacer：替换对象，可以是一个方法、对象或数组，将value按照替换规则展示。 space：填充参数，可以是数字或字符串，将value按照参数进行格式化展示。 方法说明：将value对象转换为指
37.JavaScript对象与JSON格式的转换，JSON.stringify、JSON.parse方法的使用方法和注意事项
魏大大
06-27 1万+
（）是表达值和对象的通用数据格式，其本质就是符合一定规范的字符串。由于的优良特性，非常容易和其他语言进行数据交换，尤其在前后端交互方面。即使我们前端使用，后端使用同样可以使用格式的数据轻松交换。为我们提供了简单的方法可以实现对象和字符串之间的转化。例如，我们把一个对象使用 转为字符串： 代码的执行效果：可见，使用方法会返回该对象的字符串数据，这个转换的过程可以称作JSON编码（JSON-encoded）、序列化（serialized），亦或者编组化（marshalled）。当对象转为普通的字符串后，我们就可
JSON.stringify方法详解 后端接受JSON数据格式
withkai44的博客
11-29 1672
后端接受到json数据后，一般都不能直接处理，需要用json_decode转换为数组，方便curd操作。：替换对象，可以是一个方法、对象或数组，将value按照替换规则展示。：填充参数，可以是数字或字符串，将value按照参数进行格式化展示。‘data’:JSON.stringify(data),上传后的数据。方法说明：将value对象转换为指定格式的json文本。‘data’:data,上传后端打印出的数据。3、对象数据没有上传到后端。2、后端接受到的数据格式。
JSON.stringify
qq_32395155的博客
02-24 790
【代码】JSON.stringify。
JSON.stringify的作用
weixin_71341796的博客
12-24 2617
JSON.stringify的作用
JSON.stringify转换JSON时日期时间不准确的解决方法
10-25
主要介绍了JSON.stringify转换JSON时日期时间不准确的解决方法,即JSON数据中包含日期对象时,在转换时会转换成国际时间,而不是中国的时区,需要的朋友可以参考下
详解如何提升JSON.stringify()的性能
10-16
JSON.stringify() 是JavaScript中用于将JSON对象转换成字符串的关键函数，广泛应用于数据存储、网络传输以及数据处理等场景。然而，随着数据量的增加，原始的JSON.stringify()可能会成为性能瓶颈，尤其是在高并发和...
解决JSON.stringify()自动将中文转译成unicode的问题
10-18
下面小编就为大家分享一篇解决JSON.stringify()自动将中文转译成unicode的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解JSON.stringify()的5个秘密特性
10-15
JSON.stringify()方法是JavaScript中用于将JavaScript对象或值转换成JSON字符串的重要工具。这个方法有三个可选参数，每一个都提供了不同的功能和灵活性，使得在处理复杂的数据结构时更为便捷。 1. 第二个参数...
MindeNLP+MusicGen-音频提示生成
最新发布
07-03
MindeNLP+MusicGen-音频提示生成
WNM2027-VB一款SOT23封装N-Channel场效应MOS管
07-03
SOT23；N—Channel沟道,20V；6A；RDS(ON)=24mΩ@VGS=4.5V,VGS=8V；Vth=0.45~1V；
线上营销推广策略设计与效果评估研究
07-03
线上营销推广策略设计与效果评估研究
钢铁集团智慧工厂信息化建设解决方案两份文档.pptx
07-03
钢铁集团智慧工厂信息化建设解决方案两份文档.pptx

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值