js判断对象的某个属性是否存在
参考: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判断对象的某个属性是否存在的更多相关文章
- Js判断对象是否为空,Js判断字符串是否为空
Js判断对象是否为空,Js判断字符串是否为空,JS检查字符串是否为空字符串 >>>>>>>>>>>>>>>&g ...
- js 判断对象的属性是否存在
1.in运算符 (属性名 in 对象) 情况1:对象自身属性 var obj={a:1}; "a" in obj//true 情况2:对象继承的属性 var objA={a:1} ...
- js 判断对象相等
文笔不是很好,一直在博客园属于那种只看不说的那种,有次心血来潮,想把自己的一些心得记录下来,我认认真真写了大半个小时,谁知一点保存,会话超时然后我的东西不知道去哪里,当时想死的心都有,写博客也就没那个 ...
- js 判断对象是否为空
利用JSON.stringify var objData = {};JSON.stringify(objData) ==="{}" // true 第二种用原声js 方法 Obje ...
- JS判断对象是否存在的方法
Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: ...
- js判断对象数组中是否存在某个对象
1. 如果要判断数组中是否存在某个元素的话很好判断,直接用数组的indexOf方法就好,存在返回当前索引不存在返回-1 var arr=[1,2,3,4] arr.indexOf(3) arr.ind ...
- js判断对象是否为数组
1.ECMAScript5中有一个现成的方法:Array.isArray(). var obj = {1:[1],2:[2]}, arr = [1], str = "1"; Arr ...
- js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify(data) == "{ ...
- Js判断对象是否是数组的方法
1.ECMAScript5中有一个现成的方法:Array.isArray(). var obj = {1:[1],2:[2]}, arr = [1], str = "1"; Arr ...
随机推荐
- java课堂动手动脑及课后实验总结
动手动脑一:枚举 输出结果: false false true SMALL MEDIUM LARGE 分析和总结用法 枚举类型的使用是借助ENUM这样一个类,这个类是JAVA枚举类型的公共基本 ...
- 【012】JavaSE面试题(十二):多线程(2)
第一期:Java面试 - 100题,梳理各大网站优秀面试题.大家可以跟着我一起来刷刷Java理论知识 [012] - JavaSE面试题(十二):多线程(2) 第1问:多线程的创建方式? 方式一:继承 ...
- kubespray-2.14.2安装kubernetes-1.18.10(ubuntu-20.04.1)
欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...
- Maven多模块Spring的注入
第一次做多模块项目,Unit Test的时候发现Biz模块没法注入Dal模块的Mappper,提示找不到Bean. POM文件是正确引入了dependency的,扫描的package也没错,所以卡了好 ...
- 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 ...
- Blazor 事件处理开发指南
翻译自 Waqas Anwar 2021年3月25日的文章 <A Developer's Guide To Blazor Event Handling> [1] 如果您正在开发交互式 We ...
- Kafka之--python-kafka测试kafka集群的生产者与消费者
前面两篇博客已经完成了Kafka的搭建,今天再来点稍高难度的帖子. 测试一下kafka的消息消费行为.虽然,kafka有测试的shell脚本可以直接测试,但既然我最近在玩python,那还是用pyth ...
- xhell、xftp、putty使用教程
作为远程登陆工具,上传代码登陆服务器工具 1.XSHELL Xshell是远程连接Linux服务器的工具,基于SSH协议,使用它可以更加方便的操作Linux操作系统,在刚使用时可能需要提前简单的设置下 ...
- 第二篇 -- Go语言转义字符与变量声明
上节我们讲了GO语言的环境搭建以及创建了Hello World程序.今天学习一下Go语言基础语法 开发前准备 1. 首先创建一个Project02 2. 在Project02下面新建一个test1.g ...
- Vue学习笔记(一)简单使用和插值操作
目录 一.Vue是什么 二.Vue简单体验 1. 声明式渲染 2. vue列表展示 3. 处理用户输入(事件监听) 三.插值操作 1. Mustache语法 2. 常用v-指令 v-once v-ht ...