Js中对JSON数组的常用操作

转自链接: https://blog.csdn.net/m0_37582289/article/details/82907113
JSON数组操作
我们首先定义一个json数组对象如下：

var persons = [{name: "tina", age: 14},{name: "timo", age: 15},{name: "lily", age: 16},{name: "lucy", age: 16}
]

一. 根据对象属性值得到相应对象

//1. 获取 name 等于 lily 的对象
var lily = persons.filter((p) => {return p.name == "lily";
});
console.log(lily); //打印结果 [{name: "lily", age: 16}]//注：filter()方法返回的是一个数组
var twins = persons.filter((p) => {return p.age == 16;
});
console.log(twins); //打印结果 [{name: "lily", age: 16},{name: "lucy", age: 16}]

二. 删除其中一个对象

//删除 name 等于 tina 的对象，利用splice()方法//1. 首先我们要得到这个对象
var tina = persons.filter((p) => {return p.name == "tina";
});//2. 其次得到这个对象在数组中对应的索引
var index = persons.indexOf(tina[0]);//3. 如果存在则将其删除，index > -1 代表存在
index > -1 && persons.splice(index, 1);console.log(persons);
//打印结果 [{name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}]

三. 修改其中一个对象的属性值

//将 name 等于 timo 的 age 修改为 20//1. 得到 timo 对象
var timo = persons.filter((p) => {return p.name == "timo";
});//2. 修改age
timo[0].age = 20;

四. 往数组中添加一个对象

persons.push({name: "similar", age: 18});

五.将两个json数组进行拼接

var c = a.concat(b);

JSON对象的操作

JSON对象是无序的
对象可以包含多个key/value（键/值）对
key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）
访问对象值
可以使用点号（.）来访问对象的值：

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj.name;

可以使用中括号（[]）来访问对象的值:

var myObj, x;
myObj = { "name":"runoob", "alexa":10000, "site":null };
x = myObj["name"];

使用 for-in 来循环对象的属性：

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {document.getElementById("demo").innerHTML += x + "<br>";
}

在 for-in 循环对象的属性时，使用中括号（[]）来访问属性的值：

var myObj = { "name":"runoob", "alexa":10000, "site":null };
for (x in myObj) {document.getElementById("demo").innerHTML += myObj[x] + "<br>";
}
}

Js中对JSON数组的常用操作相关推荐

js中对arry数组的各种操作小结
最近工作比较轻松,于是就花时间从头到尾的对js进行了详细的学习和复习,在看书的过程中,发现自己平时在做项目的过程中有很多地方想得不过全面,写的不够合理,所以说啊,为了在以后的工作中写出最优化的代码,我 ...
Java中Arrays.toString ()打印二维数组及Array数组的常用操作
1.Java中Arrays.toString () 已知打印一维数组的API为System.out.println ( Arrays.toString ();,其参数为数组名或数组指针,其支持的数据类 ...
js mysql json字符串转数组中_php数据库数据转换为js中的json对象
/ 1.在company数据user表中取出10条数据,保存为数组 2.在将数组转化为json格式,传递给js 3.用json解析器将传递过来的json字符串转化为json对象, 4.用documen ...
java中数组的返回值是什么类型_java基础学习：数组的常用操作与基础二维数组用法、及基本数据类型和引用数据类型赋值的区别...
一.Arrays jdk中为了便于开发,给开发者提供了Arrays类,其中包含了很多数组的常用操作.例如快速输出.排序.查找等. 1.数组的常用方法 1.数组以字符串形式的输出,2.sort对数组排序 ...
js遍历json数组给html td赋值,JS实现给json数组动态赋值的方法示例
关注微信公众号 JS实现给json数组动态赋值的方法示例转载更新时间:2017年07月04日 10:19:00 作者:小魏的马仔这篇文章主要介绍了JS实现给json数组动态赋值的方法,结合 ...
Node.js Git Server搭建及Git常用操作笔记
Node.js Git Server搭建及Git常用操作笔记安装Git工具即可在本地进行Git仓库的管理,如果要实现远程仓库则需要搭建Git Server.通过Node.js搭建Git Server ...
江在川上曰：js中的JSON解析和序列化
江在川上曰:js中的JSON解析和序列化 JSON解析和序列化 JSON是javascript的一个严格的子集,利用了javacript中的一些模式来表示结构化数据.他只是一种数据格式,并非一种编程语 ...
订单图片（一对多关系）,地址保存在一个字段中（Json数组对象格式）
订单---->图片(一对多关系),地址保存在一个字段中(Json数组对象格式) 1.前端列表动态添加: jsp:<form id="postForm" method=& ...
js如何获取json数组的长度
js如何获取json数组的长度 web开发中,前端经常会获取从后端接收json数据, json数据中经常会有json数组,类似于{a:1,b:2,c:3,d:4} 要遍历这个数组:如下 functio ...

Js中对JSON数组的常用操作

Js中对JSON数组的常用操作相关推荐

最新文章

热门文章