这篇文章将介绍如何在对象中获取数据、修改数据。在JavaScript中,点号运算符和方括号运算符都可以用于访问对象的属性。
我们还是使用上节课的代码来演示
const ITshareArray = {
firstname: “张三”,
secondname: “二愣子”,
age: 2033-1997,
job: “程序员”,
friends: [“李四”, “王五”, “牛二”],
};
● 首先,我们可以使用点好运算符来获取这个对象中的姓名
console.log(ITshareArray.firstname);
● 我们也可以用方括号运算符来获取对象中的数据
console.log(ITshareArray['firstname']);
但是方括号运算符相比较于点号运算符来说,方括号中不仅仅可以放这个字符串,也可以放表达式!
例如:
const nameKey = "name";
console.log(ITshareArray["first" + nameKey]);
console.log(ITshareArray["second" + nameKey]);
● 在举一个更好的例子,如果我们创建了一个数组,然后我们需要用户想了解数组的哪些数据,然后我通过用户输入的数据来或者对应的数据,例如
const interestedIn = prompt('你想了解一下我哪些的数据,可以是firstname、secondname、age、job、friends');
console.log(ITshareArray.interestedIn);
如果使用点好号运算符,就报错,但是用括号运算符就可以正常!
const interestedIn = prompt('你想了解一下我哪些的数据,可以是firstname、secondname、age、job、friends');
console.log(ITshareArray[interestedIn]);
● 但是如果我们输入是的对象中不存在的key的话,就会undefined的
● 但是我们之前说过undefined这个参数是false,所以我们就可以if条件去进行判断
const interestedIn = prompt(
"你想了解一下我哪些的数据,可以是firstname、secondname、age、job、friends"
);
if (ITshareArray[interestedIn]) {
console.log(ITshareArray[interestedIn]);
} else {
console.log("你输入的有误,请刷新页面重新输入");
}
向对象中添加数据
除此之外,我们还可以通过点号运算符和括号运算符来向对象中添加数据
ITshareArray.localtion = 'china';
ITshareArray['QQ_Number'] = 10012010010;
console.log(ITshareArray);
挑战
张三有3个朋友,我最好的朋友是李四
输出上面这句话,但是数据含有的数据要从对象中拿到
console.log(
`${ITshareArray.firstname}有${ITshareArray["friends"].length}个朋友,我最好的朋友是${ITshareArray["friends"][0]}`
);