Js 中对 Json 数组的常用操作

最新推荐文章于 2024-11-26 14:54:03 发布

转载最新推荐文章于 2024-11-26 14:54:03 发布 · 329 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/similar/p/5852815.html

文章标签：

#json

本文介绍如何使用JavaScript操作JSON数组对象，包括根据属性查找对象、删除指定对象、修改对象属性值及添加新对象的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们首先定义一个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});

——注：以上的所有操作都会对原数组产生直接影响。

转载于:https://www.cnblogs.com/similar/p/5852815.html