IDEA2023.1.3破解,IDEA破解,IDEA 2023.1破解,最新IDEA激活码

七、JSON 编码 JSON.stringify()

IDEA2023.1.3破解,IDEA破解,IDEA 2023.1破解,最新IDEA激活码

文章永久连接:https://tech.souyunku.com/?p=7586

JSON 通常用于与服务端交换数据

向服务器发送数据时一般是字符串

可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串

语法

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

参数说明:

  • value: 必需, 一个有效的 JSON 字符串
  • replacer: 可选,用于转换结果的函数或数组
    • 如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值使用返回值而不是原始值

    如果此函数返回 undefined,则排除成员,根对象的键是一个空字符串:””

    • 如果 replacer 是一个数组,则仅转换该数组中具有键值的成员
      成员的转换顺序与键在数组中的顺序一样
      当 value 参数也为数组时,将忽略 replacer 数组。
    • space: 可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如 space 大于 10,则文本缩进 10 个空格
      space 有可以使用非数字,如:\t

JavaScript 对象转换

假设我们有以下数据想要发送给服务器

var obj = { "name":"搜云库技术团队", "alexa":10000, "site":"tech.souyunku.com" }

先使用 JSON.stringify() 方法处理以上数据,将其转换为字符串

var json_str = JSON.stringify(obj);

json_str 为字符串

我们可以将 json_str 发送到服务器

var obj = { "name":"搜云库技术团队", "alexa":10000, "site":"tech.souyunku.com" }
var json_str = JSON.stringify(obj);

document.getElementById("demo").innerHTML = json_str;

运行范例 »

JavaScript 数组转换

可以将 JavaScript 数组转换为 JSON 字符串

var arr = [ "腾讯", "百度", "搜云库技术团队","阿里巴巴" ];
var json_str = JSON.stringify(arr);

json_str 为字符串

可以将 json_str 发送到服务器

var arr = [ "腾讯", "百度", "搜云库技术团队","阿里巴巴" ];
var json_str = JSON.stringify(arr);
document.getElementById("demo").innerHTML = json_str;

运行范例 »

异常

解析数据

JSON 不能存储 Date 对象

JSON.stringify() 会将所有日期转换为字符串

var obj = { "name":"搜云库技术团队", "initDate":new Date(), "site":"tech.souyunku.com"};
var json_str = JSON.stringify(obj);
document.getElementById("demo").innerHTML = json_str;

运行范例 »

之后就可以再将字符串转换为 Date 对象

解析函数

JSON 不允许包含函数

JSON.stringify() 会删除 JavaScript 对象的函数,包括 key 和 value

var obj = { "name":"搜云库技术团队", "alexa":function () {return 10000;}, "site":"tech.souyunku.com"};

var json_str = JSON.stringify(obj);

document.getElementById("demo").innerHTML = json_str;

运行范例 »

我们可以在执行 JSON.stringify() 函数前将函数转换为字符串来避免以上问题的发生

var obj = { "name":"搜云库技术团队", "alexa":function () {return 10000;}, "site":"tech.souyunku.com"};

obj.alexa = obj.alexa.toString();
var json_str = JSON.stringify(obj);

document.getElementById("demo").innerHTML = json_str;

运行范例 »

不建议在 JSON 中使用函数

浏览器支持

主流浏览器都支持 JSON.stringify() 函数

  • Firefox 3.5
  • Internet Explorer 8
  • Chrome
  • Opera 10
  • Safari 4

干货推荐


Warning: A non-numeric value encountered in /data/wangzhan/tech.souyunku.com.wp/wp-content/themes/dux/functions-theme.php on line 1154
赞(72) 打赏



未经允许不得转载:搜云库技术团队 » 七、JSON 编码 JSON.stringify()

IDEA2023.1.3破解,IDEA破解,IDEA 2023.1破解,最新IDEA激活码
IDEA2023.1.3破解,IDEA破解,IDEA 2023.1破解,最新IDEA激活码

评论 抢沙发

大前端WP主题 更专业 更方便

联系我们联系我们

觉得文章有用就打赏一下文章作者

微信扫一扫打赏

微信扫一扫打赏


Fatal error: Uncaught Exception: Cache directory not writable. Comet Cache needs this directory please: `/data/wangzhan/tech.souyunku.com.wp/wp-content/cache/comet-cache/cache/https/tech-souyunku-com/index.q`. Set permissions to `755` or higher; `777` might be needed in some cases. in /data/wangzhan/tech.souyunku.com.wp/wp-content/plugins/comet-cache/src/includes/traits/Ac/ObUtils.php:367 Stack trace: #0 [internal function]: WebSharks\CometCache\Classes\AdvancedCache->outputBufferCallbackHandler() #1 /data/wangzhan/tech.souyunku.com.wp/wp-includes/functions.php(5109): ob_end_flush() #2 /data/wangzhan/tech.souyunku.com.wp/wp-includes/class-wp-hook.php(303): wp_ob_end_flush_all() #3 /data/wangzhan/tech.souyunku.com.wp/wp-includes/class-wp-hook.php(327): WP_Hook->apply_filters() #4 /data/wangzhan/tech.souyunku.com.wp/wp-includes/plugin.php(470): WP_Hook->do_action() #5 /data/wangzhan/tech.souyunku.com.wp/wp-includes/load.php(1097): do_action() #6 [internal function]: shutdown_action_hook() #7 {main} thrown in /data/wangzhan/tech.souyunku.com.wp/wp-content/plugins/comet-cache/src/includes/traits/Ac/ObUtils.php on line 367