<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>对json对象增加,修改,删除,查询操作</title>
</head>
<body>
<p>对json对象增加,修改,删除,查询操作</p>
<p id="demo"></p>
<script>
var myObj, i, x = "";
myObj = {
"name":"网站",
"num":3,
"sites":[ "Google", "Runoob", "Taobao" ]
};
/*
*
*
--------分割线---------
*
*
*/
//建立函数,减少代码冗余
function forin(){
//使用 for-in 来循环对象的属性读取数据
for (i in myObj) {
x += i+ ":"+myObj[i]+"<br>";
}
x +="<hr>"
}
/*
*
*
--------分割线---------
*
*
*/
//原始数据
x +="<h1>原始数据</h1>"
forin();
/*
*
*
--------分割线---------
*
*
*/
//增加
myObj.user='我是新增的用户-小明';
x +="<h1>增加后的数据</h1>"
forin();
/*
*
*
--------分割线---------
*
*
*/
//修改
myObj.name= "我的网站";
x +="<h1>修改后的数据</h1>"
forin();
/*
*
*
--------分割线---------
*
*
*/
//读取
x +="<h1>指定读取myObj里的数据</h1>"
x+='指定读取name:'+myObj.name+ "<br>";
x+='指定读取num:'+myObj.num+ "<br>";
x+='指定读取sites:'+myObj.sites+ "<br><hr>";
/*
*
*
--------分割线---------
*
*
*/
//使用 for-in 来访问数组:
x +="<h1>读取myObj里的sites数组的数据</h1>"
for (i in myObj.sites) {
x += myObj.sites[i] + "<br>";
}
x +="<hr>"
/*
*
*
--------分割线---------
*
*
*/
//删除
delete myObj.sites;
x +="<h1>删除后的数据</h1>"
forin();
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>

橙-极纪元JJYCheng
- 粉丝: 7w+
最新资源
- 课程教学网站管理系统毕业设计源码展示
- 注塑模具设计及其关键零件数控加工工艺与数控编程.doc
- 4.1.4Python基础知识-自定义函数课件粤教版高中信息技术必修1.pptx
- 第一节产业分析-教师与职员个人网页FTP空间.doc
- 看图猜网络词素材.docx
- 人教新课标版高中生物必修二随堂巩固62第2节基因工程及其应用.doc
- 基于fpga的fir滤波器的程序设计8阶.doc
- 算法设计方案与分析结.docx
- td-scdma网络优化设计与实践毕业论文正文终稿.doc
- 2020年计算机大学生的社会实践报告范文.doc
- 最新微粒体-智慧城市-人工智能-大数据-互联网行业工作汇报x课件模板.pptx
- 网络管理必备工具软件精解(Windows版).ppt
- 数据库系统应用考试附标准答案三打印.doc
- 网络安全与风险控制.pptx
- 计算机维护实习报告.docx
- 2019年计算机实习总结范本.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈


