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

相关内容

热门资讯

港金管局: 难以预测外汇基金第... 来源:观点地产网 观点网 香港报道:5月4日,香港金管局总裁余伟文表示,首季中东冲突后,股市、债市都...
原创 1... 哈尔滨的老乡聚会上,20岁的孔令辉第一次看见马苏。那一年,他刚刚摘得悉尼奥运会男单金牌,光芒四射,被...
有一个方子,不仅能拯救“不开心... 导读:今天学习开郁种玉汤相关的医论知识,理解肝郁致不孕的病因病机。 开郁种玉汤 【组成】白芍30克...
915亿元资金已下达!支持这些... 记者从国家发展改革委了解到,今年第二批915亿元超长期特别国债支持设备更新资金已下达。 据了解, 新...
快消品牌的消费者画像,不能再靠... 前段时间,跟一个快消品牌的营销总监交流。 聊到消费者洞察,他拿出一份PPT,第一页写着:核心消费群体...
汇丰控股一季度税前利润93.7... 香港5月5日电 (记者 戴小橦)汇丰控股有限公司(简称“汇丰控股”)5日公布2026年一季度业绩。截...
金饰价格跌破1400元 美东时间5月4日收盘,现货黄金报4521.190美元/盎司,跌2.02%;COMEX黄金期货报453...
标普500指数的11个板块全线... 标普500指数的11个板块全线收涨,原材料板块涨1.67%,信息技术/科技板块涨1.63%,工业板块...
打卡就能领券丨香坊万达“火锅+... 近日, 哈尔滨香坊万达广场“好好吃饭奶茶火锅季”主题消费活动启幕,本次活动聚焦年轻人喜好,政企携手以...
【裕信银行CEO:取得德国商业... 【裕信银行CEO:取得德国商业银行控制权“并非预期情景”】意大利裕信银行CEOAndrea Orce...
前妻带孩子来看我,开口就要50... “陆远,安安该上学了。” 苏晚晴把书包往玄关柜上一放,指尖敲了敲茶几上的购房合同。 “这学区房首付五...
震惊全场!首个提问,来自“AI... AI版“巴菲特”、2.3亿美元回购,伯克希尔股东大会开场不久,亮点纷呈。 北京时间5月2日晚, 20...
原创 当... 当成都一个城市的GDP占到了整个四川省的36%以上,当中西部省份纷纷效仿这种“集全省之力打造单极核心...
孙宇晨香港发声:波场TRON抢... 4月21日,香港Web3嘉年华主会场,座无虚席。 一场聚焦“AI+区块链”技术融合的行业峰会正在进行...
最高190亿元!600673,... 5月5日晚间,东阳光发布公告称,公司近日收到控股子公司东莞东阳光云智算科技有限公司(以下简称“东阳光...
茂名市独立网站建设公司 这是(fsdjwl)整理的信息,希望能帮助到大家 在现代数字化环境中,企业建立独立网站已成为标准配置...
2026揭秘神话铂族金属在未来... 今天分享的是:2026揭秘神话铂族金属在未来氢能的作用白皮书 报告共计:20页 揭秘铂族金属在氢能产...
原创 战... 《孙子兵法》开篇的那句话至今仍令人心潮澎湃:兵者,国之大事,死生之地,存亡之道,不可不察也。用通俗的...
原创 9... #热爆趣创赛#最近AI 概念涨得一个比一个离谱,身边人都在喊“再不上车就踏空了”。 但就在所有人都...
金价,下跌!创史上最大双月跌幅 据新华社消息 中东紧张局势再度升级 金银价格5月4日大跌 北京时间5月5日 现货黄金、现货白银 开盘...