联系我们 - 广告服务 - 联系电话:
您的当前位置: > 关注 > > 正文

JSON数组操作方法详解 Js中对JSON数组的常用操作

来源:CSDN 时间:2023-02-24 11:22:06

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. 修改agetimo[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 + "";}

在 for-in 循环对象的属性时,使用中括号([])来访问属性的值:

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

责任编辑:

标签:

相关推荐:

精彩放送:

新闻聚焦
Top