JSON的操作与使用

简介: JSON也就是JavaScript Object Notation,是一个描述数据的轻量级语法。JSON的优雅是因为它是JavaScript语言的一个子集。JSON和XML都使用结构化方法描述数据 JSON有结构化的嵌套数据元素,每个JSON文档描述了这样一个对象,该对象包含有:嵌套对象、数组

JSON也就是JavaScript Object Notation,是一个描述数据的轻量级语法。JSON的优雅是因为它是JavaScript语言的一个子集。JSON和XML都使用结构化方法描述数据

JSON有结构化的嵌套数据元素,每个JSON文档描述了这样一个对象,该对象包含有:嵌套对象、数组、字符串、数字、布尔值或空值。

JSON 元素的添加删除

创建对象的三种形式:

第一种:

var Person=new Object();
Person.name="Sun";
Person.age=24;

第二种:

var Person=new Object();
Person["name"]="Sun";
Person["age"]=24;

第三种:对象字面量表达式

var Person={
    name: "Sun",
    age: 24
}

JSON 元素的添加删除

javasscript删除数组的3种方法

1,shift()方法

shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined

var chaomao=[1,2,3,4,5]
var chaomao.shift()//得到1
alert(chaomao)//[2,3,4,5]

2,pop()方法

pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined

var chaomao=[1,2,3,4,5]
var chaomao.pop()//得到5
alert(chaomao)//[1,2,3,4]

前面的方法只能操作数组开头和结尾,无法操作中间项,如果要操作中间的项,使用splice方法

3,splice方法

这个方法很强大,可以对数组任意项进行增加,删除,替换操作

1)修改操作:

var chaomao=[1,2,3,4,5]
chaomao.splice(2,1,8,9)
alert(chaomao)//1,2,8,9,4,5

第一个参数是准备操作的数组位置,第二个参数是操作位置后面的数组项数,第三个以后的就是被替换后的内容

2)删除操作:

var chaomao=[1,2,3,4,5]
chaomao.splice(2,1)
alert(chaomao)//1,2,4,5

3)添加操作:

var chaomao=[1,2,3,4,5]
chaomao.splice(2,0,8,9)
alert(chaomao)//1,2,8,9,3,4,5

javasscript删除对象的方法

js中删除对象元素用delete操作符

var p ={
    "name": “chaomao”,
    "age":45,
    "sex":"male"
};
delete p.name
for(var i in p){
console.log(i);//输出age,sex,name项已经被删除了
}

添加json元素的方法

var json = {}; // 如果json已经定义就跳过
json[text] = value;
json.text2 = value2;  // 此时text2必须符合变量名标准,否则得使用数组方式赋值

JSON数据遍历

JSON数据如:

{"options":
    "[
        {/"text/":/"王家湾/",/"value/":/"9/"},
        {/"text/":/"李家湾/",/"value/":/"10/"},
        {/"text/":/"邵家湾/",/"value/":/"13/"}
    ]",
    "[
        {/"text/":/"王家湾/",/"value/":/"8/"},
        {/"text/":/"李家湾/",/"value/":/"6/"},
        {/"text/":/"邵家湾/",/"value/":/"12/"}
    ]"
}

json数据的列循环for

var len = options.length;
for (var i = 0; i < len; i++){
    for (obj in options[i]){
        var obj2 = obj;
    }
}

JSON数据遍历之for-in

object本身就是无对象的集合,因此在用 for-in 语句遍历对象的属性时,遍历出的属性顺序与对象定义时不同,因此在开发中应尽量避免编写依赖对象属性顺序的代码

javascript数组遍历for与for in区别详解

var array = ['a']
for (var i = 1; i < array.length; i++) {//标准的for循环
    alert(array[i])
}
for (var i in array) {//forin循环
    alert(array[i])
}

正常情况下上面两种遍历数组的方式结果一样

区别:

1.标准的for循环中的i是number类型,表示的是数组的下标,但是forin循环中的i表示的是数组的key是string类型,因为js中一切皆为对象。自己试试 alert(typeof i)

2.现在我加上如下代码,上面的执行结果就不一样了

Array.prototype.test=function(){}//扩展了js原生的Array

我们发现标准的for循环依然真正的对数组循环, 但是此时forin循环对我刚才写的test方法打印出来了。这就是for与forin遍历数组的最大区别,如果我们在项目采用的是用forin遍历数组,假设有一天谁不小心自己为了扩展js原生的Array类,或者引入一个外部的js框架也扩展了原生Array。那问题就来了

再此建议两点

1.不要用for in遍历数组,全部统一采用标准的for循环变量数组(我们无法保证我们引入的js是否会采用prototype扩展原生的Array)

2.如果要对js的原生类扩展的时候,不要采用prototype了

JS遍历Json字符串遍历读取键值对

for(var str in obj){ 
    alert(str+'='+obj[str]); 
}

直接在JS里创建JSON数据然后遍历使用

直接在JS里创建JSON数据

var YearSelect = {}; 
var Year = 2014; 
var DateOption; 
for (var i = Year; i < Year + 12; i++) { 
DateOption = {'Year':i, 'Month':i-Year+1}; 
// alert(DateOption.Year) 
YearSelect[i] = DateOption; 
}

json对象没有length属性,所以遍历的话要:

for(var key in YearSelect){ 
    alert(YearSelect[key].Year); 
    alert(YearSelect[key].Month); 
}

记住一定要分辨好json的对象和数组~不然就一直是undenfined

js 遍历json返回的map内容示例代码

JS不能直接遍历Map,但是可以遍历JSON对象,所以先将Map转为JSON数据,再由JS去解析遍历JSON对象,就达到了间接遍历Map的目的

var proIdArray = new Array();
var proNameArray = new Array();
// Deal with the project names.  
var theProjectsObj = JSON.parse(result.data["projectIdsNames"]);
for (var proId in theProjectsObj) {
    proNameArray.push(theProjectsObj[proId]);
    proIdArray.push(proId);
}
目录
相关文章
|
5月前
|
JSON JavaScript API
Node.js(nodejs)对本地JSON文件进行增、删、改、查操作(轻车熟路)
Node.js(nodejs)对本地JSON文件进行增、删、改、查操作(轻车熟路)
|
5月前
|
存储 JSON 安全
【C++ JSON库 json值的创建手段】深入探究C++中JSON对象定位与操作:从引用到回调函数
【C++ JSON库 json值的创建手段】深入探究C++中JSON对象定位与操作:从引用到回调函数
143 0
|
5月前
|
JSON NoSQL MongoDB
实时计算 Flink版产品使用合集之要将收集到的 MongoDB 数据映射成 JSON 对象而非按字段分割,该怎么操作
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
|
4月前
|
JSON 资源调度 Kubernetes
实时计算 Flink版操作报错合集之解析JSON数组时,遇到报错,该怎么解决
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
|
5月前
|
SQL JSON HIVE
数仓高频操作JSON篇
数仓高频操作JSON篇
46 0
|
5月前
|
SQL DataWorks 关系型数据库
DataWorks操作报错合集之DataWorks在同步mysql时报错Code:[Framework-02],mysql里面有个json类型字段,是什么原因导致的
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
126 0
|
5月前
|
JSON 分布式计算 大数据
MaxCompute产品使用合集之大数据计算MaxCompute 要提取JSON字符串中的所有key-value对,我该怎么操作
MaxCompute作为一款全面的大数据处理平台,广泛应用于各类大数据分析、数据挖掘、BI及机器学习场景。掌握其核心功能、熟练操作流程、遵循最佳实践,可以帮助用户高效、安全地管理和利用海量数据。以下是一个关于MaxCompute产品使用的合集,涵盖了其核心功能、应用场景、操作流程以及最佳实践等内容。
|
5月前
|
JSON Java 数据处理
Spring Boot与Jsonson对象:灵活的JSON操作实战
【4月更文挑战第28天】在现代Web应用开发中,JSON数据格式的处理至关重要。假设 "Jsonson" 代表一个类似于Jackson的库,这样的工具在Spring Boot中用于处理JSON。本篇博客将介绍Spring Boot中处理JSON数据的基本概念,并通过实际例子展示如何使用类似Jackson的工具进行数据处理。
195 0
|
5月前
|
JSON fastjson Java
FastJSON操作各种格式的JSON数据
FastJSON处理各种格式的JSON数据
|
JSON 关系型数据库 MySQL
Python MySQL操作实战教程(1):查询并数据JSON格式
Python MySQL操作实战教程(1):查询并数据JSON格式
549 0

热门文章

最新文章