搜索
首页web前端js教程浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)_jquery

首先,准备新建一个js文件。以下是JSON2.js的内容,把内容拷到js文件中,以便调用:

复制代码 代码如下:

/*
    http://www.JSON.org/json2.js
    公共领域。
    没有明示或暗示的保证。使用风险自负。
    请参阅 http://www.JSON.org/js.html
    在部署之前应缩小此代码。
    请参阅 http://javascript.crockford.com/jsmin。 html
    使用您自己的副本。从您无法控制的服务器加载代码是极其不明智的。
    此文件创建一个全局 JSON 对象,其中包含两个方法:stringify
    和 parse。
        JSON.stringify(value, replacementr, space )
            value       任何 JavaScript 值,通常是对象或数组。
            替换符    一个可选参数,用于确定对象
                        对象值的字符串化方式。它可以是
                        函数或字符串数​​组。
            空格       一个可选参数,指定嵌套结构的缩进
                        。如果省略,文本将
                        被打包,没有额外的空格。如果它是一个数字,
                        它将指定每个
                        级别缩进的空格数。如果它是字符串(例如 't' 或 ' '),
                        它包含用于在每个级别缩进的字符。
            此方法从 JavaScript 值生成 JSON 文本。
             当对象找到 value 后,如果对象包含 toJSON
            方法,则会调用其 toJSON 方法,并将结果
            字符串化。 toJSON 方法不会序列化:它返回由应序列化的名称/值对表示的
            值,
            如果不应该序列化任何内容,则返回未定义的值。 toJSON 方法
            将传递与值关联的键,这将
            绑定到值
            例如,这会将日期序列化为 ISO 字符串。
                Date.prototype.toJSON = function (key) {
                    function f(n) {
                        // 将整数格式化为至少有两位数。
                        return n                     }
                    return this.getUTCFullYear()   '-'
                        f(this.getUTCMonth() 1) '-'
                         f(this.get UTCDate())      'T'
                         f(this.getUTCHours( ))     ':'
                         f(this.getUTCMinutes())   ':'
                         f(this.getUTCSeconds())   'Z';
                };
            您可以提供可选的替换方法。它将传递每个成员的
            键和值,并将其绑定到包含的
            对象。从您的方法返回的值将被序列化
           。如果您的方法返回未定义,则该成员将
            被排除在序列化之外。
            如果replacer 参数是字符串数组,则它将
            用于选择要序列化的成员。它会过滤结果
           ,以便只有具有替换数组中列出的键的成员
            字符串化。
            没有 JSON 表示形式的值,例如未定义或
            函数,将不会被序列化。对象中的此类值将被删除
           ;在数组中,它们将被替换为 null。您可以使用
            替换函数将其替换为 JSON 值。
            JSON.stringify(undefined) 返回未定义。
            可选的 space 参数生成
            值的字符串化,并用换行符填充和缩进,使其
            更易于阅读。
            如果空格参数是非空字符串,则该字符串将
            用于缩进。如果 space 参数是数字,则
            缩进将是那么多空格。
            示例:
            text = JSON.stringify(['e', {pluribus: 'unum'}]);
            // 文本为 '["e",{"pluribus":"unum"}]'
            text = JSON.stringify(['e', {pluribus: 'unum'}], null, 't ');
            // 文本为 '[nt"e",nt{ntt"pluribus": "unum"nt}n]'
            text = JSON.stringify([new Date()], function ( key, value) {
                返回 this[key] instanceof Date ?
                    'Date(' this[key] ')' : value;
            });
            // text is '["Date(---current time---)"]'
        JSON.parse(text, reviver)
            此方法解析 JSON 文本以生成对象或数组。
            它可以抛出 SyntaxError 异常。
            可选的 reviver 参数是一个可以过滤和
            转换结果的函数。它接收每个键和值,
            并使用其返回值代替原始值。
            如果它返回收到的内容,则结构不会被修改。
            如果它返回未定义,则成员已删除。
            示例:
            // 解析文本。看起来像 ISO 日期字符串的值将
            // 转换为 Date 对象。
            myData = JSON.parse(text, function (key, value) {
                var a;
                if (typeof value === '字符串') {
                    a =
/^(d{4})-(d{2})-(d{2})T(d{2}):(d{2 }):(d{2}(?:.d*)?)Z$/.exec(value);
                    if (a) {
                        return new Date(Date.UTC( a[1], a[2] - 1, a[3], a[4],
                            a[5], a[6]));
                   }
                }
                返回值;
            } );
            myData = JSON.parse('["日期(09/09/2001)"]', function (key, value) {
                var d;
                if (typeof value === ' string' &&
                        value.slice(0, 5) === '日期(' &&
                       value.slice(-1) === ')') {
                    d = 新日期(值。 slice(5, -1));
                    if (d) {
                       return d;
                    }
                }
                返回值;
            });
    这是一个参考实现。您可以自由复制、修改或
    重新分发。
*/
/*jslint 邪恶: true, strict: false, regexp: false */
/*members "", "b" , "t", "n", "f", "r", """, JSON, "\", apply,
    调用, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
    getUTCMinutes, getUTCMonth, getUTCSeconds , hasOwnProperty, join,
    lastIndex, length, parse, prototype, Push, Replace, slice, stringify,
    test, toJSON, toString, valueOf
*/
// 仅创建 JSON 对象我们在闭包中创建
//方法以避免创建全局变量。
if (!this.JSON2)
{
    this.JSON2 = {};
}
(function () {
    "use strict";
    function f(n) {
        // 将整数格式化为至少有两位数。
        return n     }
    if (typeof Date.prototype.toJSON !== 'function') {
        Date.prototype.toJSON = function (key) {
            return isFinite( this.valueOf()) ?
                   this.getUTCFullYear()   '-'
                 f(this.getUTCMonth() 1) '-'
                 f(this.getUTCDate())      “T”
f(this.getUTCHours())     ':'
                 f(this.getUTCMinutes())   ':'
                 f(this.getUTCSeconds())   'Z' : null;
        };
String.prototype.toJSON =
        Number.prototype.toJSON =
        Boolean.prototype.toJSON = function (key) {
            return this.valueOf();
        };
    }
    var cx = /[u0000u00adu0600-u0604u070fu17b4u17b5u200c-u200fu2028-u202fu2060-u206fuffeffufff0-uffff]/g,
        可转义 = /[\"x00-x1fx7f-x9 fu00adu0600-u0604u070fu17b4u17b5u200c-u200fu2028-u202fu2060-u206fufeffufff0-uffff]/g,
        间隙,
        缩进,
        meta = {    // 字符替换表
            'b': '\b',
            '\t',
            'n ': '\n',
            'f': '\f',
            'r': '\r',
            '"' : '\"',
            '\': '\\'
        },
        代表;
    function quote(string) {
        escapable.lastIndex = 0;
        return escapable.test(string) ?
            '"' 字符串.replace(可转义, function (a) {
                var c = meta[a];
                return typeof c === 'string' ? c :
                    '\u' ('0000' a.charCodeAt(0).toString(16)).slice(-4);
            }) '"' :
            '"' 字符串 '" ';
    }
    function str(key,holder) {
        var i,          // 循环计数器。
            k,          // 成员键。
            v,          // 成员值。
            长度,
            心灵 = 间隙,
            部分,
            value =holder[key];
        if (value && typeof value === 'object' &&
                typeof value.toJSON === '功能') {
            value = value.toJSON(key);
        }
        if (typeof rep === 'function') {
            value =rep.call(holder, key, value);
        }
        switch (typeof value) {
        case 'string':
            return quote(value);
        case 'number':
            return isFinite(value) ? String(value) : 'null';
        case 'boolean':
        case 'null':
            return String(value);
        case 'object':
            if (!value) {
                return 'null';
            }
            间隙 = 缩进;
            部分 = [];
            if (Object.prototype.toString.apply(value ) === '[对象数组]') {
                length = value.length;
                for (i = 0; i                    partial[i] = str(i, value) || 'null';
                }
                v =partial.length === 0 ? '[]' :
                    间隙? '[n' 间隙
                           partial.join(',n' 间隙) 'n'
                               头脑 ']' :
                          '['partial.join(',') ']';
间隙=头脑;
                return v;
            }
            if (rep && typeof rep === 'object') {
                length = rep.length;
                for (i = 0; i                     k = rep[i];
                   if (typeof k === 'string') {
                       v = str(k, value);
                        if (v) {
                           partial.push(quote(k ) (间隙 ? ': ' : ':') v);
                       }
                   }
                }
            } else {
                for (k 值) {
                    if (Object. hasOwnProperty.call(value, k)) {
                        v = str(k, value);
                       if (v) {
                            部分。推(引用(k)(间隙?':':': ') v);
                       }
                   }
               }
            }
           v = 部分. 长度 === 0 ? '{}' :
                间隙? '{n'间隙partial.join(',n'间隙)'n'
                       头脑'}':'{'partial.join(',')'}';
           间隙=头脑;
            return v;
        }
    }
    if (typeof JSON2.stringify !== 'function') {
        JSON2.stringify = 函数(值、替换符、空格){
            var i ;
            间隙 = '';
             缩进 = '';
            if (typeof space === 'number') {
                for (i = 0; i                     缩进 = ' ';
                }
            } else if (typeof space === 'string') {
                缩进 = 空格;
           }
           rep = 替换器;
            if (替换器 && 替换器类型 !== '函数' &&
                    (替换器类型 !== '对象' ||
                     typeof replacement.length !== 'number' )) {
                throw new Error('JSON2.stringify');
            }
            return str('', {'': value});
        };
    }
if (typeof JSON2.parse !== 'function') {
        JSON2.parse = function (text, reviver) {
            var j;
            function walk(holder, key) {
                var k , v, value =holder[key];
                if (value && typeof value === 'object') {
                    for (k in value) {
                        if (Object.hasOwnProperty.call (值, k)) {
                            v = walk(value, k);
                          if (v !== undefined) {
                               value[k] = v;
                            } else {
                                删除值[ k];
                            }
                       }
                    }
                }
                return reviver.call(holder, key, value);
            }
            text = String(text);
            cx.lastIndex = 0;
            if (cx.test(text)) {
                text = text.replace(cx, function (a) {
                    return '\u'
                        ('0000 ' a.charCodeAt(0).toString(16)).slice(-4);
                });
            }
            if (/^[],:{}s]*$/
.test(text.replace(/\(?:["\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
.replace(/"[^"\nr]*"|true|false|null|-?d (?:.d*)?(?:[eE][ -]?d )?/g, ']')
.replace(/(?:^|:|,)(?:s*[) /g, ''))) {
                j = eval('(' text ')');
                return typeof reviver === 'function' ?
                    walk({'': j}, '') : j;
            }
            throw new SyntaxError('JSON2.parse');
        };
    }
}());

第二、调用页的内容
注意:调用js文件的路径需要自己调整,这点如果不会,那就别再继续看了。
复制代码 代码如下:

  
   
        var a = '{ "name": "tom", "sex": "男", "age": "24" }';    // 用于组成json的字符串;
        alert("用于组成json的字符串:【" a "】");
        var b = JSON2.parse(a);   // 把字符串a转换为json格式b
        var c = JSON2.stringify(a); //把json格式b转换为字符串c
        alert("转换后的字符串:【" c "】");
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
Java vs JavaScript:开发人员的详细比较Java vs JavaScript:开发人员的详细比较May 16, 2025 am 12:01 AM

javaandjavascriptaredistinctlanguages:javaisusedforenterpriseandmobileapps,while javascriptifforInteractiveWebpages.1)JavaisComcompoppored,statieldinglationallyTypted,statilly tater astrunsonjvm.2)

JavaScript数据类型:浏览器和nodejs之间是否有区别?JavaScript数据类型:浏览器和nodejs之间是否有区别?May 14, 2025 am 12:15 AM

JavaScript核心数据类型在浏览器和Node.js中一致,但处理方式和额外类型有所不同。1)全局对象在浏览器中为window,在Node.js中为global。2)Node.js独有Buffer对象,用于处理二进制数据。3)性能和时间处理在两者间也有差异,需根据环境调整代码。

JavaScript评论:使用//和 / * * / * / * /JavaScript评论:使用//和 / * * / * / * /May 13, 2025 pm 03:49 PM

JavaScriptusestwotypesofcomments:single-line(//)andmulti-line(//).1)Use//forquicknotesorsingle-lineexplanations.2)Use//forlongerexplanationsorcommentingoutblocksofcode.Commentsshouldexplainthe'why',notthe'what',andbeplacedabovetherelevantcodeforclari

Python vs. JavaScript:开发人员的比较分析Python vs. JavaScript:开发人员的比较分析May 09, 2025 am 12:22 AM

Python和JavaScript的主要区别在于类型系统和应用场景。1.Python使用动态类型,适合科学计算和数据分析。2.JavaScript采用弱类型,广泛用于前端和全栈开发。两者在异步编程和性能优化上各有优势,选择时应根据项目需求决定。

Python vs. JavaScript:选择合适的工具Python vs. JavaScript:选择合适的工具May 08, 2025 am 12:10 AM

选择Python还是JavaScript取决于项目类型:1)数据科学和自动化任务选择Python;2)前端和全栈开发选择JavaScript。Python因其在数据处理和自动化方面的强大库而备受青睐,而JavaScript则因其在网页交互和全栈开发中的优势而不可或缺。

Python和JavaScript:了解每个的优势Python和JavaScript:了解每个的优势May 06, 2025 am 12:15 AM

Python和JavaScript各有优势,选择取决于项目需求和个人偏好。1.Python易学,语法简洁,适用于数据科学和后端开发,但执行速度较慢。2.JavaScript在前端开发中无处不在,异步编程能力强,Node.js使其适用于全栈开发,但语法可能复杂且易出错。

JavaScript的核心:它是在C还是C上构建的?JavaScript的核心:它是在C还是C上构建的?May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc; saninterpretedlanguagethatrunsonenginesoftenwritteninc.1)javascriptwasdesignedAsalightweight,解释edganguageforwebbrowsers.2)Enginesevolvedfromsimpleterterterpretpreterterterpretertestojitcompilerers,典型地提示。

JavaScript应用程序:从前端到后端JavaScript应用程序:从前端到后端May 04, 2025 am 12:12 AM

JavaScript可用于前端和后端开发。前端通过DOM操作增强用户体验,后端通过Node.js处理服务器任务。1.前端示例:改变网页文本内容。2.后端示例:创建Node.js服务器。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

北端:融合系统,解释
1 个月前By尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
4 周前By尊渡假赌尊渡假赌尊渡假赌
<🎜>掩盖:探险33-如何获得完美的色度催化剂
2 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

MinGW - 适用于 Windows 的极简 GNU

MinGW - 适用于 Windows 的极简 GNU

这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。