本文提供在 JavaScript 中操作 JSON 对象的完整代码示例，涵盖数据的增加、删除与修改功能。通过遍历数组并匹配特定字段（如 name），实现动态更新或删除指定对象，适用于前端数据处理的简单场景。
JavaScript 操作 JSON 对象：增删改完整实现
在 JavaScript 中操作 JSON 对象，实现增加、删除和修改功能的完整代码详见下方示例。
<script type="text/javascript">
var jsonObj2 = { teacher: [
{ name: "jordan", sex: "m", age: "40" },
{ name: "bryant", sex: "m", age: "28" },
{ name: "McGrady", sex: "m", age: "27" }
]};
var jsonObj2New = {};
$("#btn").click(function () {
//invoke the update
updateData("jordan");
var persons = jsonObj2.teacher;
for (var i = 0; i < persons.length; i++) {
var cur_person = persons[i];
alert(cur_person.sex);
}
//invoke the delete
deleteData("jordan");
var persons = jsonObj2.teacher;
for (var i = 0; i < persons.length; i++) {
var cur_person = persons[i];
alert(cur_person.sex);
}
//push
var temp = { name: "kenny", sex: "m", age: "25" };
jsonObj2.teacher.push(temp);
var persons = jsonObj2.teacher;
for (var i = 0; i < persons.length; i++) {
var cur_person = persons[i];
alert(cur_person.name);
}
});
function updateData(name) {
var persons = jsonObj2.teacher;
//alert(name);
for (var i = 0; i < persons.length; i++) {
var cur_person = persons[i];
if (cur_person.name == name) {
persons[i].sex = "f";
}
}
}
function deleteData(name) {
var persons = jsonObj2.teacher;
//alert(name);
for (var i = 0; i < persons.length; i++) {
var cur_person = persons[i];
if (cur_person.name == name) {
jsonObj2.teacher.splice(i, 1);
}
}
}
</script>以上关于在 JavaScript 中对 JSON 对象进行增加、删除和修改的简单实现，就是小编分享给大家的全部内容。希望这段代码能为您提供参考，也欢迎大家继续支持本站。