参考:https://www.jb51.net/article/141994.htm

原始数据,

[

    {"name":"向阳镇","id":"10","pId":0,"open": "true"},

    {"name":"彩蓝桥镇","id":"20","pId":0,"open": "true"},

    {"name":"丁向镇","id":"30","pId":0,"open": "true"},  

    {"name":"桃园东","id":"1","lng":"120.56934479","lat":31.85618831,"region":"向阳河","pId":10,"waterQuality":"I"},

    {"name":"董家桥村","id":"2","lng":"120.56709498","lat":31.90134260,"region":"向阳河","pId":10,"waterQuality":"II"},

    {"name":"庄上村","id":"3","lng":"120.55362585","lat":31.87984724,"region":"彩蓝桥河","pId":20,"waterQuality":"III"},

    {"name":"绣品街","id":"4","lng":"120.53118860","lat":31.86526444,"region":"彩蓝桥河","pId":20,"waterQuality":"IV"},

    {"name":"下村","id":"5","lng":"120.57111579","lat":31.85730531,"region":"丁向河","pId":30,"waterQuality":"V"}

]

处理过程,给不存在的属性赋值,赋值之后,该对象不存在的属性就存在了

var getData = response.data;
for(let i=0;i<getData.length;i++){
if(getData[i].open == undefined){ getData[i].open =""; }
if(getData[i].lng == undefined){ getData[i].lng =""; }
if(getData[i].lat == undefined){ getData[i].lat =""; }
if(getData[i].region == undefined){ getData[i].region =""; }
if(getData[i].waterQuality == undefined){ getData[i].waterQuality=""; }
}

处理之后数据

[
{"name":"向阳镇", "id":"10", "pId":0, "open": "true", "lng":"", "lat":"", "region":"", "waterQuality":""},
{"name":"彩蓝桥镇","id":"20", "pId":0, "open": "true", "lng":"", "lat":"", "region":"", "waterQuality":""},
{"name":"丁向镇", "id":"30", "pId":0, "open": "true", "lng":"", "lat":"", "region":"", "waterQuality":""},
{"name":"桃园东", "id":"1", "pId":10, "open":"", "lng":"120.56934479","lat":31.85618831,"region":"向阳河", "waterQuality":"I"},
{"name":"董家桥村","id":"2", "pId":10, "open":"", "lng":"120.56709498","lat":31.90134260,"region":"向阳河", "waterQuality":"II"},
{"name":"庄上村", "id":"3", "pId":20, "open":"", "lng":"120.55362585","lat":31.87984724,"region":"彩蓝桥河","waterQuality":"III"},
{"name":"绣品街", "id":"4", "pId":20, "open":"", "lng":"120.53118860","lat":31.86526444,"region":"彩蓝桥河","waterQuality":"IV"},
{"name":"下村", "id":"5", "pId":30, "open":"", "lng":"120.57111579","lat":31.85730531,"region":"丁向河", "waterQuality":"V"}
];

解释:

// 创建对象
let test = {name : 'lei'} // 获取对象的自身的属性
test.name //"lei"
test["name"] //"lei"
// 获取不存在的属性
test.age //undefined
// 获取原型上的属性
test["toString"] //toString() { [native code] }
// 新增一个值为undefined的属性
test.un = undefined
test.un //undefined 不能用在属性值存在,但可能为 undefined的场景

js判断对象的某个属性是否存在的更多相关文章

  1. Js判断对象是否为空,Js判断字符串是否为空

    Js判断对象是否为空,Js判断字符串是否为空,JS检查字符串是否为空字符串 >>>>>>>>>>>>>>>&g ...

  2. js 判断对象的属性是否存在

    1.in运算符  (属性名 in 对象) 情况1:对象自身属性 var obj={a:1}; "a" in obj//true 情况2:对象继承的属性 var objA={a:1} ...

  3. js 判断对象相等

    文笔不是很好,一直在博客园属于那种只看不说的那种,有次心血来潮,想把自己的一些心得记录下来,我认认真真写了大半个小时,谁知一点保存,会话超时然后我的东西不知道去哪里,当时想死的心都有,写博客也就没那个 ...

  4. js 判断对象是否为空

    利用JSON.stringify var objData = {};JSON.stringify(objData) ==="{}" // true 第二种用原声js 方法 Obje ...

  5. JS判断对象是否存在的方法

    Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: ...

  6. js判断对象数组中是否存在某个对象

    1. 如果要判断数组中是否存在某个元素的话很好判断,直接用数组的indexOf方法就好,存在返回当前索引不存在返回-1 var arr=[1,2,3,4] arr.indexOf(3) arr.ind ...

  7. js判断对象是否为数组

    1.ECMAScript5中有一个现成的方法:Array.isArray(). var obj = {1:[1],2:[2]}, arr = [1], str = "1"; Arr ...

  8. js判断对象是否为空对象的几种方法

    1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify(data) == "{ ...

  9. Js判断对象是否是数组的方法

    1.ECMAScript5中有一个现成的方法:Array.isArray(). var obj = {1:[1],2:[2]}, arr = [1], str = "1"; Arr ...

随机推荐

  1. java课堂动手动脑及课后实验总结

      动手动脑一:枚举   输出结果: false false true SMALL MEDIUM LARGE 分析和总结用法 枚举类型的使用是借助ENUM这样一个类,这个类是JAVA枚举类型的公共基本 ...

  2. 【012】JavaSE面试题(十二):多线程(2)

    第一期:Java面试 - 100题,梳理各大网站优秀面试题.大家可以跟着我一起来刷刷Java理论知识 [012] - JavaSE面试题(十二):多线程(2) 第1问:多线程的创建方式? 方式一:继承 ...

  3. kubespray-2.14.2安装kubernetes-1.18.10(ubuntu-20.04.1)

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  4. Maven多模块Spring的注入

    第一次做多模块项目,Unit Test的时候发现Biz模块没法注入Dal模块的Mappper,提示找不到Bean. POM文件是正确引入了dependency的,扫描的package也没错,所以卡了好 ...

  5. spring pom文件报错:提示no declaration can be found for element 'dubbo:service'.

    转自:http://blog.csdn.net/happylife_haha/article/details/52755425 pom文件报错:The matching wildcard is str ...

  6. Blazor 事件处理开发指南

    翻译自 Waqas Anwar 2021年3月25日的文章 <A Developer's Guide To Blazor Event Handling> [1] 如果您正在开发交互式 We ...

  7. Kafka之--python-kafka测试kafka集群的生产者与消费者

    前面两篇博客已经完成了Kafka的搭建,今天再来点稍高难度的帖子. 测试一下kafka的消息消费行为.虽然,kafka有测试的shell脚本可以直接测试,但既然我最近在玩python,那还是用pyth ...

  8. xhell、xftp、putty使用教程

    作为远程登陆工具,上传代码登陆服务器工具 1.XSHELL Xshell是远程连接Linux服务器的工具,基于SSH协议,使用它可以更加方便的操作Linux操作系统,在刚使用时可能需要提前简单的设置下 ...

  9. 第二篇 -- Go语言转义字符与变量声明

    上节我们讲了GO语言的环境搭建以及创建了Hello World程序.今天学习一下Go语言基础语法 开发前准备 1. 首先创建一个Project02 2. 在Project02下面新建一个test1.g ...

  10. Vue学习笔记(一)简单使用和插值操作

    目录 一.Vue是什么 二.Vue简单体验 1. 声明式渲染 2. vue列表展示 3. 处理用户输入(事件监听) 三.插值操作 1. Mustache语法 2. 常用v-指令 v-once v-ht ...