guangzhou



shanghai

Recent posts:
Blog index
About
RSS

js操作嵌套JSON对象

December 13, 2024     HTML5   37   

在js中操作嵌套JSON对象,你可以使用.操作符来访问嵌套的属性,或者使用方括号[]来访问动态属性名称的属性。以下是一些基本的操作示例:

// 假设有如下的嵌套JSON对象
var nestedJson = {
    "user": {
        "name": "John Doe",
        "age": 30,
        "address": {
            "street": "123 Main St",
            "city": "Anytown"
        }
    }
};
 
// 访问嵌套属性
var userName = nestedJson.user.name; // 使用.操作符
var street = nestedJson.user.address.street; // 多次使用.操作符
 
// 动态访问属性
var propName = "name";
var dynamicUserName = nestedJson.user[propName]; // 使用[]操作符
 
// 修改嵌套属性的值
nestedJson.user.age = 31; // 使用.操作符
nestedJson.user.address.city = "Newtown"; // 多次使用.操作符
 
// 动态设置属性的值
nestedJson.user["newProp"] = "newValue"; // 使用[]操作符
 
// 添加新的嵌套对象
nestedJson.user.phone = { type: "home", number: "123-4567" };
 
// 删除嵌套属性
delete nestedJson.user.address;

这些基本操作涵盖了JSON嵌套对象的访问、修改和添加,这些操作都是使用JavaScript原生的对象和数组操作方法来完成的。

如果文章对您有帮助,欢迎点击下方按钮打赏作者

Comments

No comments yet.
To verify that you are human, please fill in "七"(required)