JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性

1.JSON对象

JSON 对象使用在大括号{}中书写。对象可以包含多个 key/value（键/值） 对。

key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）。key 和 value 中使用冒号(:)分割。每个 key/value 对使用逗号(,)分割。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>对象详解</title>
</head>
<body><script>// 对象采用键值对var obj = {"name" : "Alan_Lowe","age" : 20,"gender" : "male"}// 访问var x = obj.name;var y = obj["age"];document.write(x + " " + y);
</script></body>
</html>

2.循环对象

使用for-in可以访问对象的属性，类似于C++STL的auto x : s

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>对象详解</title>
</head>
<body><script>// 对象采用键值对var obj = {"name" : "Alan_Lowe","age" : 20,"gender" : "male"}// 循环对象，使用for-infor(x in obj){document.write(obj[x] + "<br>");}
</script></body>
</html>

3.嵌套对象

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>对象详解</title>
</head>
<body><script>// 嵌套对象，即对象内放对象，和对象数组类似var obj = {"name" : "Alan_Lowe","age" : 20,"gender" : "male","hobby" : {"hobby1" : "篮球","hobby2" : "足球"}}var x = obj.hobby["hobby1"];document.write(x);
</script></body>
</html>

4.修改值

直接等号修改：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>对象详解</title>
</head>
<body><script>// 修改值对象属性var obj = {"name" : "Alan_Lowe","age" : 20}obj["name"] = "Alan";document.write(obj.name);
</script></body>
</html>

5.删除对象属性

使用delete：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>对象详解</title>
</head>
<body><script>// 删除对象属性var obj = {"name" : "Alan","age" : 20}for(x in obj){document.write(obj[x] + " ");}document.write("<br>");delete obj.name;for(x in obj){document.write(obj[x] + " ");}
</script></body>
</html>

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性相关推荐

Python的零基础超详细讲解（第十三天）-Python的类与对象
基础篇往期文章如下: Python的零基础超详细讲解(第一天)-Python简介以及下载 Python的零基础超详细讲解(第二天)-Python的基础语法1 Python的零基础超详细讲解(第三天)- ...
Java基础18-String类【String类的特点对象个数常用方法】【超详细讲解】
Java基础-String类[超详细讲解] String类的特点 String在java.lang.String包中 1:特点 (1)String类型不能被继承,因为由final修饰 (2)Strin ...
react的超详细讲解
create-react-app 项目目录在HTML中使用react 1 2 3基础 React的注意事项模拟的React 和 render React组件函数组件类组件 React 的数据源 ...
Python的零基础超详细讲解（第五天）-Python的运算符
往期文章 Python的零基础超详细讲解(第一天)-Python简介以及下载_编程简单学的博客-CSDN博客 Python的零基础超详细讲解(第二天)-Python的基础语法1_编程简单学的博客-CS ...
python高级语法装饰器_Python高级编程——装饰器Decorator超详细讲解上
Python高级编程--装饰器Decorator超详细讲解(上篇) 送你小心心记得关注我哦!! 进入正文全文摘要装饰器decorator,是python语言的重要特性,我们平时都会遇到,无论是面向 ...
mybatis-plus超详细讲解
(6条消息) mybatis-plus超详细讲解_zdsg45的博客-CSDN博客_mybatis-plushttps://blog.csdn.net/zdsg45/article/details/1 ...
生存曲线 p值 python_超详细讲解生信SCI中的生存曲线作图，不看后悔系列
原标题:超详细讲解生信SCI中的生存曲线作图,不看后悔系列在线及个性化精美Kaplan-Meier生存曲线的绘制大家好,我是阿琛.俗话说,是骡子是马拉出来溜溜.在肿瘤研究中,一个基因的研究价值高不 ...
Python新手爬虫训练小项目《爬取彼岸图网》（超详细讲解版）
Python新手爬虫训练小项目<爬取彼岸图网>(超详细讲解版) 这是我的第一篇文章,作为一名新手爬虫,这个算是我这几天来的努力成果,虽然代码寥寥几行但花费了大半天,新手上路还是不能只看视频 ...
前端防抖与节流超详细讲解
前端防抖与节流超详细讲解前言防抖什么是防抖实现防抖函数节流什么是节流实现节流函数防抖与节流注意事项前言防抖与节流通常作为项目优化的手段,一般都是为了防止用户在短时间内快而频地多次操 ...
stm32f103利用HC06进行蓝牙通信，在7针的OLED屏幕上显示，带数据更新功能（带超详细讲解）
stm32f103利用HC06进行蓝牙通信,在7针的OLED屏幕上显示,带数据更新功能(带超详细讲解) 首先看看效果吧手机端发送一个数据在OLED屏幕上显示其实蓝牙通信就是个蓝牙转串口的过程,手机 ...

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性

1.JSON对象

2.循环对象

3.嵌套对象

4.修改值

5.删除对象属性

JSON对象超详细讲解|对象、循环对象、嵌套对象、修改和删除对象属性相关推荐

最新文章

热门文章