JavaScript 对象
admin
2024-01-30 18:47:20
0

创建变量

// 创建变量
var car = "porsche";

创建对象

1、使用{}创建对象

// 创建对象:
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
var firstName = person.firstName;  // Bill

2、使用new创建对象

var person = new Object();
person.firstName = "Bill";
person.lastName = "Gates";
person.age = 50;
person.eyeColor = "blue"; 
var firstName  = person.firstName;  // Bill

3、使用构造器创建对象

// Person 对象的构造器函数
function Person(first, last, age, eye) {this.firstName = first;this.lastName = last;this.age = age;this.eyeColor = eye;
}// 创建 Person 对象
var myFriend = new Person("Bill", "Gates", 23, "blue");
var age = myFriend.age;  // 23

对象的参数值是易变的

//创建对象
var person = {firstName:"Bill", lastName:"Gates", age:23, eyeColor:"blue"}
//将该赋给x
var x = person;
x.age = 10;
//取值
var age = person.age;  // 10

访问对象

1、使用.property访问对象的属性

var person = {firstname:"Bill",lastname:"Gates",age:23,eyecolor:"blue"
};var firstname = person.firstname;   // Bill

2、使用 ["property"]访问对象的属性

var person = {firstname:"Bill",lastname:"Gates",age:23,eyecolor:"blue"
};var firstname = person["firstname"];   // Bill

 3、使用for in 访问对象的属性

var person = { fname: "Bill", lname: "Gates", age: 62 };
var x;
for (x in person) {console.log(x + ":" + person[x]);
}
// fname:Bill
// lname:Gates
// age:62

向对象中添加新属性

var person = {firstname:"Bill",lastname:"Gates",age:62,eyecolor:"blue"
};
//添加新属性
person.nationality = "English";
//访问新属性
var nationality  = person.nationality;   // English

删除对象中的属性

var person = {firstname:"Bill",lastname:"Gates",age:62,eyecolor:"blue"
};
//删除属性
delete person.age;
//打印对象
var x;
for (x in person) {console.log(x + ":" + person[x]);
}
//firstname:Bill
//lastname:Gates
//eyecolor:blue//打印已删除的属性
var age = person.age;    //不存在了,报错日志: Bill is undefined years old.

访问JSON对象

1、使用.property访问JSON对象的属性

var myObj = {"name":"Bill Gates", "age":23, "car":null};
var x = myObj.name;   // Bill Gates

2、使用 ["property"]访问JSON对象的属性

var myObj = {"name":"Bill Gates", "age":23, "car":null};
var x = myObj["name"];   // Bill Gates

 3、使用for in 访问JSON对象的属性

var myObj = {"name":"Bill Gates", "age":62, "car":null};
var x;
for (x in myObj) {console.log(x + ":" + myObj[x]);
}
//name:Bill Gates
//age:62
//car:null

4、访问嵌套的 JSON 对象的属性

var myObj = {"name":"Bill Gates","age":62,"cars": {"car1":"Porsche","car2":"BMW","car3":"Volvo"}
}
//使用.property访问
var car3 = myObj.cars.car3;   // Volvo
//使用 ["property"]访问
var car3 = myObj.cars["car3"];   // Volvo

修改JSON对象中属性的值

1、使用.property修改

var myObj = {"name": "Bill Gates","age": 23,"cars": {"car1": "Porsche","car2": "BMW","car3": "Volvo"}
}
myObj.cars.car2 = "Mercedes Benz";
var i;
for (i in myObj.cars) {console.log(i + ":" + myObj.cars[i]);
}
//car1:Porsche
//car2:Mercedes Benz
//car3:Volvo

2、使用 ["property"]修改

var myObj = {"name": "Bill Gates","age": 23,"cars": {"car1": "Porsche","car2": "BMW","car3": "Volvo"}
}
myObj.cars["car2"] = "Mercedes Benz";
var i;
for (i in myObj.cars) {console.log(i + ":" + myObj.cars[i]);
}
//car1:Porsche
//car2:Mercedes Benz
//car3:Volvo

删除JSON对象中属性

var myObj = {"name": "Bill Gates","age": 23,"cars": {"car1": "Porsche","car2": "BMW","car3": "Volvo"}
}
delete myObj.cars.car3;
var i;
for (i in myObj.cars) {console.log(i + ":" + myObj.cars[i]);
}
//car1:Porsche
//car2:Mercedes Benz

相关内容

热门资讯

寻求上市“回血”?半亩花田冲刺... 港股2026年迎来首个国货美妆品牌。近日,半亩花田母公司山东花物堂化妆品股份有限公司(以下简称“半亩...
出圈出海!广货这波春季攻势够劲 深圳晚报讯 (深圳报业集团记者 王新根) 记者从19日“广货行天下”宣传工作专题会议上了解到,自“广...
A股跳水!地产股,突然拉升 【导读】A股市场震荡走低,创业板指跌超1%;电网设备、房地产活跃,通信板块大跌;易点天下复牌20cm...
科创板系列指数跌超1%,算力端... 截至午间收盘,科创50指数下跌1.2%,科创综指下跌1.4%,科创100指数、科创200指数均下跌1...
(走进中国乡村)广西冬闲田不“... 中新社广西来宾1月19日电 题:广西冬闲田不“闲” 乡村风景持续“变现” 作者 陈秋霞 冬日,广西来...
全明星首发:东契奇票王 詹姆斯... 北京时间1月20日消息,NBA官方公布了2026年全明星首发阵容。东契奇当选总票王,东部票王属于字母...
EV晨报 | 马斯克称AI5对... ▌要闻 ▍马斯克摊牌AI5:单芯对标Hopper,双芯直指Blackwell,成本更低!Dojo3项...
AI投资回报成问题 普华永道:... 多数企业尚未在AI上取得回报 北京时间1月20日,据《商业内幕》报道,每个人都想知道AI的投资何时能...
解读丨2026年美国证监会重振... 2026年1月16日,美国证券交易委员会(SEC)主席保罗·阿特金斯提议进行结构性改革,以减轻小型公...
特朗普的逼迫下,欧洲转向亚洲 文︱陆弃 特朗普的关税如同一场突如其来的寒流,吹得欧洲企业瑟瑟发抖,也逼得布鲁塞尔不得不拿出温度来。...
4楼、14楼大胆买,真正不能买... 买房子是人生大事,很多人都特别纠结,不知道怎么选楼层,特别是家里的长辈,总是有很多说法。 比如很多人...
黄力晨:不给格陵兰岛就加关税 ... 昨日周一我们认为,地缘风险集中发酵,以及对美联储年内降息2次的预期,依旧对金价形成重要支撑,因此操作...
AI给出的搜索结果,可信吗? 新华调查|AI给出的搜索结果,可信吗? 出门旅游住哪家酒店,咖啡机买哪个品牌,电动牙刷哪款好用……随...
国际金价看向5000美元? 来源:北京商报 国际金价和白银价格再创历史新高。1月19日盘中,伦敦金现价格一度涨超4690美元/盎...
镁信健康由40岁CEO张小栋持... 瑞财经 王敏 1月16日,上海镁信健康科技集团股份有限公司(以下简称“镁信健康”)在港交所递交招股书...
人民日报连续评“西贝关店”事件... 针对最近“西贝关店”事件,人民日报罕见连续发表了两篇评论性文章。 1月19日下午,“人民日报评论”微...
一图解码:港股IPO一周回顾 ... 过去一周(2026.1.12-1.18),港股IPO市场共有29家公司递交上市申请,包括钱大妈、袁记...
罚没8300万元、3年市场禁入... 7个月获利超4000万,“大V”专割粉丝“韭菜”。 1月19日,浙江证监局公布对知名财经“大V”金永...