JavaScript中JSON的处理心得

简介: 一门语言用到深处,就避免不了要对数据的类型进行准确判断,并针对其类型做正确处理。抛开在Web前端环境不谈,从一门独立编程语言的角度来看js,你就会感受到对js中数据类型的理解有多么重要。禁止直接多级访问对象属性,必须一级一级访问;如abc.

一门语言用到深处,就避免不了要对数据的类型进行准确判断,并针对其类型做正确处理。

抛开在Web前端环境不谈,从一门独立编程语言的角度来看js,你就会感受到对js中数据类型的理解有多么重要。

  1. 禁止直接多级访问对象属性,必须一级一级访问;如abc.d这样是不会造成报错的,但abc.d.e可能会造成异常
  2. 在继续往里面访问时,先用一个类型分析函数分析一下

例如:

/**
 * 判断给定对象的类型,返回字符串格式的名称
 * @param {Object} obj
 * @returns {String}
 */
var parseType = function (obj) {
    var type = typeof obj;
    if ("object" === type) {
        if (obj) {
            if (obj instanceof Array) {
                return "array";
            }
            if (obj instanceof Object) {
                return type;
            }
            var native_obj = Object.prototype.toString.call(obj);
            if ("[object Window]" === native_obj) {
                return "object";
            }
            if ("[object Array]" === native_obj || "number" === typeof obj.length && "undefined" !== typeof obj.splice && "undefined" !== typeof obj.propertyIsEnumerable && !obj.propertyIsEnumerable("splice")) {
                return "array";
            }
            if ("[object Function]" === native_obj || "undefined" !== typeof obj.call && "undefined" !== typeof obj.propertyIsEnumerable && !obj.propertyIsEnumerable("call")) {
                return "function";
            }
        } else {
            return "null";
        }
    } else if ("function" === type && "undefined" === typeof obj.call) {
        return "object";
    }
    return type;
};

//示例

var abc = {};
console.log(parseType(abc.type));
console.log(parseType(abc.type.native_obj));

在nodejs环境执行:

undefined
/Users/jixxxxxx/Web/js/type_ha.js:32
console.log(parseType(abc.type.native_obj));
                              ^

TypeError: Cannot read property 'native_obj' of undefined
    at Object.<anonymous> (/Users/jixxxxxx/Web/js/type_ha.js:32:31)
    at Module._compile (module.js:425:26)
    at Object.Module._extensions..js (module.js:432:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:313:12)
    at Function.Module.runMain (module.js:457:10)
    at startup (node.js:138:18)
    at node.js:974:3
目录
相关文章
|
3月前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
19天前
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
2月前
|
存储 JSON JavaScript
js中JSON的使用
介绍JSON的基本概念和在JavaScript中的使用方式,包括JSON格式的语法规则、使用`JSON.stringify()`和`JSON.parse()`方法进行对象与字符串的转换,以及处理JSON数组数据。
js中JSON的使用
|
1月前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
53 3
|
2月前
|
XML JSON JavaScript
js的json格式
js的json格式
|
2月前
|
存储 JSON JavaScript
JavaScript JSON
JavaScript JSON
33 5
|
3月前
|
JSON JavaScript 前端开发
JavaScript JSON
JavaScript JSON
|
3月前
|
存储 JSON JavaScript
js之JSON
js之JSON
28 0
|
4月前
|
JavaScript 前端开发 CDN
前端 JS 经典:package.json 属性详解
前端 JS 经典:package.json 属性详解
36 1
|
5月前
|
Web App开发 JSON JavaScript
JavaScript对象常用操作JSON总结
JavaScript对象常用操作JSON总结
39 8