Js中对JSON数组的常用操作

Js中对JSON数组的常用操作

 

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：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
• 2
• 3
• 4
• 5
• 6

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

//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}]

 

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

二. 删除其中一个对象

//删除 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}]

 

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15

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

//将 name 等于 timo 的 age 修改为 20

//1. 得到 timo 对象
var timo = persons.filter((p) => {
    return p.name == "timo";
});

//2. 修改age
timo[0].age = 20;

 

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

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

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

 

• 1

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

var c = a.concat(b);

 

• 1

---

JSON对象的操作

• JSON对象是无序的
• 对象可以包含多个key/value（键/值）对
• key 必须是字符串，value 可以是合法的 JSON 数据类型（字符串, 数字, 对象, 数组, 布尔值或 null）

访问对象值

可以使用点号（.）来访问对象的值：

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

 

• 1
• 2
• 3

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

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

 

• 1
• 2
• 3

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

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

 

• 1
• 2
• 3
• 4

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

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

 

• 1
• 2
• 3
• 4

---