js中对象的属性名和属性值

Posted 2020-11-22 勾践

代码

/**
 * 对象的属性名
 * - 对象的属性名不强制遵循标识符的命名规范，可以是任意的名字，但在开发中
 *   尽量遵循标识符的命名规范
 */
// 创建对象obj1
var obj1 = new Object();
// 添加属性name
obj1.name = "唐僧";
console.log(obj1); // {name: "唐僧"}

/**
 * 如果要使用特殊的属性名，不能采用"."的方式来操作，需要使用另一种
 * 方式：
 *    语法：对象["属性名"] = 属性值
 * 读取时也用这种方式
 * 使用"[]"去操作属性会更加的灵活，在"[]"可以直接传递一个变量，这样
 * 变量值是多少就会读取那个属性
 */
obj1["888"] = 888;
obj1["###"] = '###';
console.log(`obj1["888"] = ${obj1["888"]}, obj1['888'] = ${obj1['888']}, obj1['###'] = ${obj1['###']}`); // obj1["888"] = 888, obj1['888'] = 888, obj1['###'] = ###
var k = '888';
// 将变量k放到[]中，用来读取属性值
console.log(`当k为'888'时, obj1[k] = ${obj1[k]}`); // 当k为'888'时, obj1[k] = 888

/**
 * 对象的属性值
 * - 对象的属性值可以是任意的数据类型，甚至也可以是一个对象
 */
// 创建另一个对象obj2
var obj2 = new Object();
obj2.address = '杭州市余杭区';
obj2.city = '杭州';
// 将对象obj2赋值给对象obj1的属性
obj1.profile = obj2;
// 此时输出对象obj1
console.log(obj1); // {888: 888, name: "唐僧", profile: {address: "杭州市余杭区", city: "杭州"}, ###: "###"}

/**
 * in运算符
 * - 通过该运算符可以检查一个对象中是否存在指定的属性，如果有则返回true，否则返回false
 * 语法：
 *     "属性名" in 对象
 */
// 检查对象obj1中是否存在属性name
if ("name" in obj1) {
    console.log(`对象obj1中存在属性name`); // 对象obj1中存在属性name
} else {
    console.log(`对象obj1中不存在属性name`);
}
// 检查对象obj1中是否存在属性city
if ("city" in obj1) {
    console.log(`对象obj1中存在属性city`);
} else {
    console.log(`对象obj1中不存在属性city`); // 对象obj1中不存在属性city
}

查看源代码